Hej Thomas!
"Thomas Møller Nexø" <tmn@havensupport.dk> skrev i en meddelelse
news:443d5c17$0$15790$14726298@news.sunsite.dk...
> Hejsa,
>
> Jeg er ved at designe en hjemmeside, hvor jeg helst vil undgå
> tabeller til designet.
> Derfor forsøger jeg at bruge divs og det fungerer da også
> nogenlunde. Dog har jeg et mindre problem i firefox og netscape i
> forhold til explorer.
>
> Siden kan ses på
http://afterworld.dk
>
> Problemet er at kanterne (borders) på den div, der hedder
> "containerContent" ikke bliver vist.
> Det er vidst fordi at den slet ikke strækkes med ud sammen med de
> nestede divs. Dette sker altså kun i IE.
>
> Hvordan kan jeg lave det sådan, at der kommer en ydre kant på
> siderne?
Jeg har leget lidt med dit stylesheet, og med følgende, kan jeg se en border
i FF, men der mangler stadig lidt fin-pudsning...
Problemet er, at du bruger position:absolute/relative på så at sige alle
dine elementer...
html,body {
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font-family : Arial,Tahoma,Verdana;
font-size : 12px;
font-style : normal;
font-weight : normal;
text-decoration : none;
color : #000000;
background-color : #ffffff;
}
a {
color: Blue;
text-decoration: none;
}
a:hover {
color: blue;
text-decoration: underline;
}
H1 {
font-size : 14px;
color : #000000;
font-weight : bold;
letter-spacing: 3px;
margin-top: 4px;
margin-bottom : 4px;
}
H2 {
font-size : 14px;
color : #000000;
font-weight : bold;
margin-top : 4px;
margin-bottom : 4px;
}
H3 {
font-size : 14px;
color : #000000;
font-weight : bold;
margin-bottom : 0px;
margin-top: 10px;
letter-spacing: 3px;
}
/* Rammem om hele sitet */
#containerSite {
margin: 0px auto;
width: 96%;
padding: 0px;
text-align: center;
background-color : #ffffff;
}
/* ----------------------------------------------*/
/* Toppen - relateret indhold til toppen starter */
/* ----------------------------------------------*/
#containerTop {
position: relative;
height: 125px;
padding: 0px;
margin: 0px auto;
text-align : left;
background-image : url("/grafik/bag_top.gif");
}
#topLeft {
position: absolute;
width: 25%;
height: 125px;
padding: 0px;
text-align : left;
}
#topRightTop {
float : right;
width: 75%;
height: 95px;
padding: 5px 10px 0px 0px;
text-align : right;
}
#topRightBottom {
position: absolute;
top : 100px;
left : 30%;
width: 70%;
padding: 2px 2px 2px 2px;
text-align : center;
}
/* ----------------------------------------------*/
/* Midten - relateret indhold til midten starter */
/* ----------------------------------------------*/
NB! Det er absolut ikke en færdig skabelon, men du kan selv arbejde videre
med det...
Håber, at du kan bruge det til noget....
Med venlig hilsen
--
Dennis Munding
Web-master
http://www.skovaa-munding.dk/, http://www.mundings-memorial.dk/
http://www.cantica.dk/, http://www.pe-vagtservice.dk/,
http://www.eds-denmark.dk/