Jeg har leget lidt med et nyt design til
www.sail2fast.dk
Mine tabeller står pænt så længe der kun er tekst og billeder i
min main, men når der kommer størrer indhold end min main
umiddelbart kan indeholde ændrer min mainleft og mainright
størrelse og bliver mindre.
se fx hvor det står pænt:
http://www.sail2fast.com/modules.php?op=modload&name=PagEd&file=i
ndex&topic_id=3&page_id=6
eller denne hvor de ændrer størrelse:
http://www.sail2fast.com/index.php?module=photoshare&func=showima
ges&iid=2667&fid=74
Hvordan kan det lade sig gøre så min mailleft og mainright holder
størrelsen 160px og main så bare udvider sig som det er
nødvendigt? Selvfølgelig så min body bare bliver større..
Uddrag fra min css:
mainleft {
background-image: url('menubg.gif');
background-repeat: repeat-x;
background-position: bottom;
background-color: #687FDA;
vertical-align: top;
width: 160px;
padding-top:15px;
padding-left:8px;
padding-right:8px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
mainright {
background-image: url('menubg.gif');
background-repeat: repeat-x;
background-position: bottom;
background-color: #687FDA;
width: 160px;
vertical-align: top;
text-align: left;
padding-top:15px;
padding-left:8px;
padding-right:8px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 100%;
width: 800px;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
background-color:#ffffff;
border-width: 1px;
border-style: solid;
border-color: #000;
}
--
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