Daniel Valentin wrote:
> Hej allesammen!
>
> Jeg er stille og roligt ved at bygge siden
www.marival.dk op i
> asp/xml!
> Den er bygget således op:
>
> <div class="header"> </div><-- Header
> <div style="height:100%;"> <-- Container omkring menu+indhold
> <span class="menu"> </span> <-- Flyder venstre
> <span class="content"> </span>
> </div>
>
> Jeg har pakket menu+indhold ind i en div fordi så følger menuens
> længde indholdets, med height:100%; (Ihvertfald i IE).
>
> Men så kommer problemerne:
> 1. I Mozilla følger menuen ikke indholdets længde. Når menuen
> stopper ryger indholdet helt hen til venstre på siden
Du har et inlineelement floatet left! det svarer i Word til at du blot
indsætter et billede og lader teksten flydde om det! Det du skal gøre,
er at lave en margin-left på dit indhold! (eller padding) og så giv det
et baggrundsbillede med den mørkere røde i venstre side. Det er et lille
workaround for geckos manglende understøttelse af height:100% Det
behøver blot være 1 px høj og i virkeligheden også kun i menuens længde.
Sæt så baggrunden som background: #din lyserøde farve url("billedet")
repeat-y 0 0;
> 2. Den vil ikke validere! Jeg må hverken have <p> eller <form> i
> mit content span. Hvorfor ikke? valideringsresultaterne kan ses
> her:
>
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.marival.dk%2Fi
> ndex.asp%3Fcat%3Dbukser
>
Hvorfor som xml og strict? så snart <xml ver.... kommer ind bliver IE
sat i quirksmode og du får en hulens masse problemer, du bliver også
nødt til at angive mimetype som application/xml for at det virker
nogenlunde korrekt. Nej brug transitional og lav det så strict som du
kan. Når browsere understøtter xhtml bedre så kan du blot ændre det
tilbage! når du bruger strict og vil have xml-struktur, så er css
forkert! alt indhold i <style>.....</style> skal indsættes i cdata
format (altså der skal være cdata om alt indholdet ikke omkring selve
taggene!) CSS på den måde er ikke konform xml struktur! Din tabel er
ulovlig fordi du har cellpadding og spacing som ikke er i style! (i css
skriver du: table { padding:0; margin:0; border:0;} så er den klaret!
Jeg ville nok også tage at smide al indhold i en div og give det en ID.
Det er mere korrekt! (i stedet for et span!!)
> Det var alt jeg kunne komme i tanke om indtil videre! :]
> Jeg håber i har tid til at hjælpe mig!
> -Daniel Valentin
>
Prøv at fixe lidt af det her og leg lidt med position relative på en
#side div som eventuelt er centreret. når du så skriver position
relative i andre elementer vil de være det i forhold til din overordnede
#side.
Nå der er vist lidt stof til eftertanke, write back :)
Claus