Siden og forlengelse

[DanielP]

Ja det jeg har problemer med er at siden ikke strekker seg med PHP "scriptet" men dette er bare med Opera og Mozilla (firebird). Du kan se hva som skjer på http://home.no.net/danlinux enten på forsiden, eller på gjestebok.

Har også problemet med at borderene ikke følger med når siden forlenger seg. Dette ser dere også på siden, men da under f.eks. Treningsprogram.

 

Bruker forresten ikke Tabeller, men CSS.

 

Noen som vet hva jeg kan gjøre?

 

Takker

 

DanielP

 

P.S. Har allerede postet denne under PHP men fikk ikke svar, så håper på bedre resultat her

[pgdx]

Opera er ikke kjent for å være helt tipp topp med CSS, så hadde jeg vært deg ville jeg gått over til tables, som de fleste browsere takler 100%

[DanielP]

Siden det har vært så mye snakk om CSS i de siste postene, så velger jeg å "bumpe" mitt spørsmål, så jeg henviser derfor til den øverste posten.

 

Takker

 

DanielP

[magikern]

Opera er ikke kjent for å være helt tipp topp med CSS, så hadde jeg vært deg ville jeg gått over til tables, som de fleste browsere takler 100%

du tar nok litt feil her, Opera er faktisk den browseren som støtter css BEST, men dette vil ikke si at du kan skrive hva som helst og det blir akkurat som du tenkte, det betyr at Opera er mye strengere på validering enn f.eks IE, Dette gjelder også Mozilla, men Opera er den som er strengest...

 

skriver ikke dette for å skryte av Opera selv bruker jeg for det meste Mozilla og er veldig fornøyd med den...

[magikern]

litt usikker på hva du mener med "Strekker seg etter php scriptet", men hvis du tenker på at høyre menyen hvor du har en slags chattefunksjon, ikke går like langt ut som logoen over prøv dette:

 

<div id="supmain">
<div id="top"></div>
<div id="left"></div>
<div id="content"></div>
<div id="right"></div>
</div>

css -->
#supmain {
   position: absolute; 
   width: 600px;
   left: 20%;
   right: auto;  
}
#top {
   position: absolute; 
   width: 100%;
   top: 10px; 
   left: auto;
   right: auto; 
   float: left;
}
#left {
   position: relative; 
   width: 20%;
   float: left;   
}
#right {
   position: relative; 
   width: 20%;
   float: left;   
}
#content {
   position: relative; 
   width: 60%;
   float: left;
}

 

forskjellige tall jeg har skrevet her må du sikkert endre, men tror det der skal fungere...

[DanielP]

Takker, har det problemet også, så takker

 

Men jeg tenker i lengden. Siden strekker seg ikke i lengden....

 

DanielP

 

EDIT: Jeg har satt dem som 100% men det hjalp bare i IE. Kodingen er validerbar bortsett fra Linkene som er

 

<a href="index.php?section=kommentar"> kommentar </a>

 

Den liker ikke spørsmålstegnet.

[DanielP]

Ingen som kan hjelpe med dette eller?

 

Takker

 

DanielP

[magikern]

Takker, har det problemet også, så takker

 

Men jeg tenker i lengden. Siden strekker seg ikke i lengden....

 

DanielP

 

EDIT: Jeg har satt dem som 100% men det hjalp bare i IE. Kodingen er validerbar bortsett fra Linkene som er

 

<a href="index.php?section=kommentar"> kommentar </a>

 

Den liker ikke spørsmålstegnet.

ikke sett height på centercontent

 

sett

position: absolute;

float: left;

width: 100%;

på den øverste delen(logo)

 

sett

position: relative;

float: left;

 

på left center og right

 

sett f.eks

width: 20%; <-- left og right

width: 60%; <-- center

 

prøv dette først og spør igjen hvis flere problemer, det med "?" veit jeg ikke hvordan er i html4.01, gikk selv over til xhtml1.1strict for noen år siden og der er ikke det noe problem...

 

har sett noen ganger at IE sliter med koder som det her ved at "top" ikke vises, hvis det skjer sett en <div class="space"></div> rett etter "top" som du definerer dette til:

width: 100%; og det skal være alt...

[haugsand]

Nå ble jeg glad Ikke mange på forumet som har forsøkt css-basert layout ennå.

 

Jeg så litt på koden din, og tar meg den frekke friheten å kommentere den litt.

 

Jeg ser du har brukt <div> på samme måte som <p> og <hx>. Dette er ingen fordel, i og med at google setter innholdet i taggene <hx> og <p> (ikke i like høyt som <hx>) høyere enn resten.

 

Det du bør gjøre, er å fortsatt bruke <hx> til overskrifter, og <p> til avsnitt. <div> derimot, bruker du til å lage de "boksene", som setter opp layouten.

 

Glish.com har gode eksempler på css-basert layout, og dette eksemplet har i utgangspunktet likedan layout som det du prøver på.

 

Jeg anbefaler deg å gå igjennom den siden på det sterkeste!