Archief - (x)html: Firefox prob.

Hoi

Als eind-opdracht voor ons vak "webdesign" moeten we een website maken over een land dat zelf te kiezen is. K'heb ondertusse mijn hoofdpagina overgezet naar xhtml ( Depricated,omdat ik hier en daar nog align="center" gebruik )

In IE ziet het eruit zoals ik het bedoelde, maar in firefox ( en ik neem aan andere browsers ook ) ziet het er echt slecht uit. Iemand enig idéé hoe ik de layout ook in firefox degenlijk krijg. K'weet ni zo direct zaken waar firefox strict in is.

( @ Mods ; Wist ni goed waar te plaatsen ... , t'is niet echt nen site-check )

Greetz,

**Website**
Xhtml Validator output

ten eerste: je bent een table vergeten af te sluiten. (en MSS nog meer van zulke grove fouten)
ten tweede: ik ben verast dat IE de website wel streched, normaal laat het doctype dit NIET toe
ten derde raad ik u aan uw fixed heights & widths nog eens na te kijken.

Goed,

Table vergeten af te sluiten ? Want de validator zegt dat da ni perséé nen error is,maar dat het ook een verwijzing kan zijn.

Het alternatief om toch deftig te stretchen zodat ook volgens het doctype correct is ?

Fixed heights en widths worden nagekeken.

---
style="width:680;" laat het afweten in FF als ik dit toeken aan nen <td> ?
// Solved - sorry
---

er is maar één deftig alternatief imo (als je het al deftig kan noemen):
http://www.alistapart.com/articles/fauxcolumns/


beetje spijtig dat stretching niet mogelijk werd gemaakt...
(hopelijk veranderd dit met css3, en zullen de browsers dit ook implementeren. )

Na het herkijken van mijn fixed afmetingen is het resultaat veel
beter. K'zit nu nog met twee kleine foutjes ( 1px spaties )

**De twee foutjes**

Iemand een idee ?

Tnx Serious so far

leren ze je bij dit vak webdesign met tables werken voor gans je layout of hebben ze je ook de voordelen van divs uitgelegd? voor directe(re) compatibiliteit zouw'k dit laatste principe zeker eens bekijken.

tip die'k kan meegeven: denk nog steeds in kaders maar ditmaal als ware het layers die je over mekaar kan positioneren. wil je dan een element onder een bepaalde dynamische hoeveelheid tekst plaatsen in een nieuwe div, zet hem dan gewoon in de vorige (zo heb je geen top waarde nodig)

een voorbeeldje: (ni uitgebreid want't is ma ff uit m'n duim gezoge)
http://research.web-lab.be/divLayout/testOut.htm

--
#logo{position:absolute;width:150px;height:50px;background-color:gray;}
#title{position:absolute;width:140px;top:50px;left:10px;background-color:#696969;}
#item{position:absolute;width:139px;border-right-width:1px;border-right-color:#696969;border-right-styleolid;}
--
<div id="logo"></div>
<div id="title">title<br /><div id="item">item</div></div>
--
div1: #logo is gewoon bovenaan geplaatst met 2 parameters width en height
div2: #title bevat geen hoogte dus deze is variabel ahv hetgeen erin zit, hij bevat eveneens top en left parameters om hem onder logo te plaatsen en een indent te geven (width=logoWidth-10px)
div3: #item bevat enkel een breedte die gelijk is aan die van titleWidth-1px om het lijntje binnen de kader te houden (via tiling hoeft dit niet) de rest neemt hij over van het div-element waarbinnen hij geplaatst is, in dit geval #title

http://validator.w3.org/check?uri=http://research.web-lab.be/divLayout/testOut.htm

het argument dat je site nu niet gecentreerd kan worden gezet is eveneens overbodig, je kan alles eerst links plaatsen via absolute positioning en dan rond heel je site een div zetten via de bekende left:50%;margin-left:-[helftvanbreedte$] methode. hopelijk was deze tekst niet té onduidelijk.

Gezien het uur ga ik morgevroeg alles eens op mijn gemak lezen

Alvast bedankt voor uw typs !

Slaapwel zou ik zo zeggen moest ge al in uw bedje liggen


Me Out*