Hejsa
Jeg er kørt død over et CSS layoutproblem.
Det hele tager udgangspunkt i artiklen:
http://www.html.dk/artikler/00043/
Jeg vil gerne kunne centrere siden i en div med width:80% - men
så kommer problemet.
Og problemet er at højreside af højre menuboks ikke flugter med
højre side af den orange logoboks.
Logoboksen fylder tilsyneladede 1px mindre i bredden.
Siden er testet i IE6.0, Opera 7.21 og Mozilla 1.5 - og problemet
opstår i alle nævnte browsere.
Siden validerer og kan ses her:
http://testcenter.frac.dk/index.html
css:
html,body{ height:100%;width:100%;
backgroud-color:#aaaaaa;
margin:0 0 0 0;
font-family:verdana;font-size:11px;color:#999999;}
#center { width:80%; height:100%;
margin-left:10%;
margin-right:10%;
margin-left:auto;
margin-right:auto;}
#title { position:absolute;
left:10%;
top:10px;
width:100%;max-width:80%;
height: 100px;
background-color:orange;z-index:3; }
#leftmenu { position:absolute;
top:110px;
left:10%;
height:80%;
width:140px;
background-color:silver;z-index:2; }
#rightmenu { position:absolute;
right:10%;
top:110px;
height:80%;
width:139px;
background-color:silver;z-index:2; }
#content { position:absolute;
top:110px;
left:10%;
z-index:1;
height:80%;width:100%;max-width:80%;
overflow:auto;
background-color:white;border-bottom:1px solid #999999;
}
#text { margin: 10px 155px 10px 155px; }
Nogen der kan forklare hvorfor problemet opstår eller om ikke
andet har et foreslag på en løsning.
Mvh og på forhånd tak
Michael Arildsen
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials