1. #1
    Erlend's Avatar
    Registered
    06/09/03
    Location
    Buizingen
    Posts
    1,072
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0

    (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
    no votes   Reply With Quote Reply With Quote

  2. #2
    `SeriOUs's Avatar
    Registered
    17/07/02
    Location
    Te Gènk
    Posts
    1,691
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    1/1
    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.
    no votes   Reply With Quote Reply With Quote

  3. #3
    Erlend's Avatar
    Registered
    06/09/03
    Location
    Buizingen
    Posts
    1,072
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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
    ---
    Last edited by Erlend; 07-05-2004 at 19:50.
    no votes   Reply With Quote Reply With Quote

  4. #4
    `SeriOUs's Avatar
    Registered
    17/07/02
    Location
    Te Gènk
    Posts
    1,691
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    1/1
    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. )
    no votes   Reply With Quote Reply With Quote

  5. #5
    Erlend's Avatar
    Registered
    06/09/03
    Location
    Buizingen
    Posts
    1,072
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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
    no votes   Reply With Quote Reply With Quote

  6. #6
    LunchBox's Avatar
    Registered
    18/07/02
    Location
    Deurne
    Posts
    3,854
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    14/14
    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;ba ckground-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=ht...ut/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.
    Last edited by LunchBox; 08-05-2004 at 02:36.
    no votes   Reply With Quote Reply With Quote

  7. #7
    Erlend's Avatar
    Registered
    06/09/03
    Location
    Buizingen
    Posts
    1,072
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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*
    no votes   Reply With Quote Reply With Quote

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in