Hjelp til portal system

[Magpal]

Hei!

 

Holder på å lager nytt design til www.stavangerfreeriders.com, og da vil jeg prøve på å få til et slags portalsystem som på www.bigtrix.com.

 

Det jeg trenger hjelp til i den anledning er da en kode for å gjøre lengden på siden automatisk like lang som teksten på siden. Dårlig forklart, men forstår du?

 

Et annet spørsmål:

Finnes det en måte å lage kolonnene til venstre og høyre som en egen side, og hente de frem med en enkel php kode? Slik at jeg slipper å endre alle sidene hvis jeg bare skal gjøre en liten endring i venstre kolonne.

 

Takker for alle svar!

[Loomy]

1. Hvis du ikke definerer noen høyde på div'en vil den bli så høy som den trenger å være. Ellers kan kanskje denne artikkelen være av interesse..

 

2. Absolutt! Se på include()-funksjonen.

Endret 16. november 2004 av Loomy

[Magpal]

Prøvde å slette høyde koden, men da ble siden bare helt rar. Her er stil koden jeg bruker, hvis det kan hjelpe:

 

body {
margin: 30px auto 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
text-align: center;
}
#alt {
position: relative;
width: 765px;
left: 0px;
top: 0px;
background-color: #ffffff;
margin-right: auto;
margin-left: auto;
text-align: left;
border: 1px solid #cccccc;
}

#header {
border-bottom:1px solid #000000; 
position: absolute;
height: 166px;
width: 765px;
left: 0px;
top: 0px;
background-image: url(buttons/header.gif);
background-repeat: no-repeat;

}

#logo {
position: absolute;
height: 36px;
width: 400px;
top: 28px;
padding: 3px;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
left: 32px;
}

#hoyre {
position: absolute;
width: 155px;
top: 167px;
padding: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
left: 609px;
}

#hoved {
position: absolute;
font-family: "Trebuchet MS";
font-size: 12px;
width: 419px;
top: 167px;
padding: 15px;
left: 160px;
overflow: auto;
background-image: url(buttons/sf.gif);
}

#venstre {
position: absolute;
font-family: "Trebuchet MS";
font-size: 12px;
width: 128px;
top: 167px;
padding: 15px;
left: 0px;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #000000;
}

#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #cccccc;
position: absolute;
height: 20px;
width: 765px;
text-align: center;
padding-top: 4px;
left: 0px;
bottom: 0px;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #000000;
background-image: url(buttons/footer.gif);
top: 618px;

}

Endret 17. november 2004 av Pallesen

[Loomy]

Ohhh, der var mye rom for forbedringer

Kvitt deg med absolutt posisjonering, det er i 99% av tilfellene unødvendig og i dette tilfellet skaper det nok bare problemer.

[PoleCat]

Absolute clearanze er ikke helt "funnet" opp enda, selv om det bedrives en del testing på det, derfor vil du få problemer med å posisjonere footeren dersom du bruker absolutt posisjonering og dynamiske høyder sammen.

 

Bruk flytende layout, det gjør det lettere for alle, også om du trenger hjelp med koden senere.

 

Her har du noen eksempler du kan eksperimentere med.