Archief - CSS: Firefox layout probleem

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.
S

Skarr

Legacy Member
Basic layout is als volgt

HTML: 
<body>
    <div id="wrap">
        <div id="header">
            <h3>pinlocx.com</h3>
            <div id="language">
		...
            </div>
            <div id="menu">
		...
            </div>
        </div>

        <div id="mainnews" class="mainblock">
        </div>

        <div id="mainrules" class="mainblock">
        </div>

        <div id="maincollection" class="mainblock">
        </div>
        <div id="mainlinks" class="mainblock">
        </div>
        
    </div>
</body>


De 4 mainblock divs staan op float.
News en rules staan float: left en collection en links staan float: right met links ook clear: right zodat ze onder elkaar staan.

In IE staat het zoals het zou moeten, maar in firefox staan ze ni goed. Firefox wilt perse die news (en rules ook wss) div centreren en ik snap ni waarom...

http://www.pinlocx.com

CSS: http://www.pinlocx.com/css/main.css


Enig idee ?
R

RedCrew

Legacy Member
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMjM3MDAyMDEyZGR6ifA/DeFJhXb4z2sr2G2VMEJhgw==" />

De W3C parser valt over __ bij id probeer met die weg te doen en er gewoon VIEWSTATE te zetten
d

dJeez

Legacy Member
Het is uw header die voor problemen zorgt, meer bepaald die afbeelding links. Ik stel voor dat je de Webdeveloper plugin voor Firefox installeert, dan zie je direct met de Outline functie daarvan dat je header div de andere divs naar rechts duwt...

Een clear: both; toevoegen aan je #header stijl zou al kunnen helpen denk ik :p.
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