Några små css fel jag skulle behöva hjälp med
Hej
Håller på med en ny sida och jag har stött på lite problem. Var ett tag sedan jag gjorde en sida i CSS så jag har glömt bort en del.
Som det ser ut nu så har jag en index.php där alla taggar ligger samt en layout.css.
sidan i sig är kan man säga en box som flyter fritt mitt på sidan med all information i.
I stil med denna: http://sebad.triphys.com
Bakgrunden är fadead från en grå nyans till en vit nyans och själva boxen har skuggor runt sig så den är sparad i png-24 med transparacy.
Till problemet!
min indexfil ser ut såhär:
<head>
<link href="css/layout.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="kolumncontainer">
<div id="menu">
<div id="box"><img src="pix/buttons.png" width="149" height="170" />
<div id="main">
<div id="footer">
</div>
</div>
</div>
</div>
</div>
</body>
och layout.css såhär:
@charset "utf-8";
/* CSS Document */
body {margin: 1em 0 0 1em; padding: 0; background: #e2e2e3 url(../pix/bg.gif) repeat-x;}
/* sidlayout */
#kolumncontainer {width: 810px; height: 680px; border: 0px; background-image:url(../pix/page.png); background-repeat:no-repeat; margin-right: auto; margin-left: auto; overflow: hidden;}
#menu {height: 494px; width: 151px; margin-left: 65px; margin-top: 117px; overflow: hidden; background-image:url(../pix/menu.png); background-repeat:no-repeat}
#main {height: 384px; width: 510px; margin-left: 155px; overflow: hidden;}
#box {height: 170px; width: 149px; margin-left: auto; margin-top: 50px; overflow: hidden;}
#footer {height: 106px; width: 510px; margin-top: 388px; overflow: hidden;}
Problemet jag har är att alla boxar blir för stora samt försmå och allt ser bara lustigt ut i dreamweaver (designläget). Jag har en känsla av att något är fel, men jag kan inte sätta fingret på det.
Sedan har jag ett annat problem. Som ni ser så har jag lagt in "overflow: hidden;" på alla olika boxar i css'en, detta gjorde jag endast för att om jag inte har dem där så åker hela hemsidan ner jättelångt och håller sig inte centrerad i mitten. Varför det?
Mitt sista och kanske viktigaste problem är att när jag öppnar sidan i Internet Explorer 6.0 så är allt som är transparant färgat till turkos.. Detta ska väl ändå fungera?
Tack på förhand för hjälpen!