Archief - (x)html: Firefox prob.

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Erlend

Legacy Member
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

`SeriOUs

Legacy Member
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.

Erlend

Legacy Member
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 :)
---

Erlend

Legacy Member
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 :) ;)

LunchBox

Legacy Member
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-style:solid;}
--
<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.

Erlend

Legacy Member
Gezien het uur ga ik morgevroeg alles eens op mijn gemak lezen :)

Alvast bedankt voor uw typs ! :) :niceone:

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


Me Out* :)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan