Problemer med at tilpasse CSS til alle skrærmstørrelser..
Hej!Jeg har lavet en hjemmeside og optimeret den til opløsningen 1024*768, den ser også fin ud.. Problemet er hvis at man ser den med andre opløsninger så står elementerne helt forkert i forhold til hinanden. Har tidligere arbejdet med div elementer hvor der ikke har været nogle problemer.
Css koden ser således ud:
p {
text-align : left;
font-size : 9pt;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
h1 {
text-align : left;
font-size : 12pt;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#blaabox {
left : 550px;
top : 203px;
z-index : 101;
position : absolute;
width : 237px;
height : 234px;
overflow : auto;
}
#mig {
left : 200px;
top : 203px;
z-index : 101;
position : absolute;
width : 237px;
height : 234px;
overflow : auto;
}
#portfolie {
left : 200px;
top : 203px;
z-index : 101;
position : absolute;
width : 237px;
height : 234px;
overflow : auto;
}
min html index fil ser således ud:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>>>> </title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<br/><br/>
<center><img src="layout.jpg" name="layout" border="0" usemap="#layoutMap" id="layout" />
<map name="layoutMap" id="layoutMap">
<area shape="rect" coords="486,92,554,119" href="mig.htm" target="_parent" /><area shape="rect" coords="565,92,633,119" href="portfolie.htm" target="_parent" /><area shape="rect" coords="642,92,710,119" href="kontakt.htm" target="_parent" /><area shape="rect" coords="411,91,479,118" href="index.htm" target="_parent" />
</map>
</center>
<div id="blaabox">
<h1>Velkommen til mit portfolie</h1>
</div>
</body>
</html>
På forhånd tak!
