Hej
Her for et godt stykke tid siden eksperimenterede jeg lidt med opbygning af
min side vha. boksmodellen. Jeg droppede det dog igen til "fordel" for
frames (ja, nu husker I mig sikkert
)
Nå, men altså, jeg er ved at forsøge mig frem igen. Jeg vil jo gerne tage
højde for at folk bruger helt ned til 800x600 i opløsning. Derfor var det
jeg lavede sidst ikke helt optimalt (så vidt jeg husker)
Det jeg ønsker er:
4 styks bokse:
#overskrift: skal være øverst på siden og fylde ca. 750px i width
#indhold: skal stå i midten under overskriften og fylde ca. 500px.
og nu til de svære
#menu1: skal være til venstre for #indhold og fylde 125px
#menu2: sammen som menu1, men bare til højre.
Jeg har problemer med at placere menuerne, jeg ved ikke helt hvordan jeg
skal gribe det an (og jeg er stadig nybegynder på feltet, og der mangler en
del i mine koder...)
min css:
#overskrift {
position: relative;
width: 750px;
height: 100px;
background: green;
text-align: center;
margin: 0px auto;
}
#indhold {
position: relative;
width: 500px;
height: 500px;
background: blue;
text-align: center;
margin: 0px auto;
}
#menu1 {
position: relative;
width: 125px;
background: red;
text-align: center;
margin: 0px auto;
}
#menu2 {
position: relative;
width: 125px;
background: yellow;
text-align: center;
margin: 0px auto;
}
Min html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Mit!</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="overskrift">
Overskriften
</div>
<div id="indhold">
Her kommer indholdet til at være!
</div>
<div id="menu1">
<h1>Menu1</h1>
</div>
<div id="menu2">
Og menu2
</div>
</body>
</html>
(den kan ses på
http://cssdiv.ugensdyr.dk/)
Jeg kan gætte mig til at det har noget med min css at gøre: text-align:
center; margin: 0px auto;
men ved som sagt ikke helt hvad jeg skal gøre.
Håber der er nogen der kan hjælpe mig (og husk, jeg er newbie
)
(desuden kan jeg fortælle at jeg bare lige skal have lavet side-opbygningen,
og derefter vil benytte mig af inkluderede filer vha. php
)
--
Mvh. Anita
http://oversigt.ugensdyr.dk/