Archief - CSS: 3 kolommen design niet even lang

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

Arcko_Drazen

Legacy Member
Hoi

Bekijk even de website waar ik aan het werken ben:
http://www.arckodrazen.com/V2/
3 column layout, ik wil dat ze alle 3 even lang worden maar slaag er niet in!

Ik heb reeds wat opzoekwerk in google gedaan maar kom tot een pover besluit:
- faux column gaat niet bij mijn layout omdat mijn layout moet stretchen op 100% width
- via javascript de divs verlengen zie ik ook niet zitten omdat IE elke keer zaagt als hij nog maar een jscript tag ontdekt in de code

Iemand die mij even wil bijstaan in deze materie? :p
Alvast keihard bedankt, zit een beeke met de handen in het haar en het stressbolleke is wijd echt kapot :)

Arcko D
O

Obliv`

Legacy Member
Je divs laten uitrekken dmv javascript. Als IE begint te zeiken, zal je javascript code wel niet erg juist zijn :).
A

Arcko_Drazen

Legacy Member
Heb nog meer informatie gezocht op internet en het is dus blijkbaar wel perfect op te lossen met enkel css.

Je kan het nieuwe resultaat bekijken op bovenstaande link.

Tot hiertoe nog 1 bug: 1 pixel verschuiving bij IE aan de rechterrand.
Als iemand weet aan wat dit ligt, gelieven dat even te melden :)
A

Arcko_Drazen

Legacy Member
Ben nog aant twijfelen of ik het wel zo ga laten (via css) en aan het overwegen om het toch met javascript te doen aangezien op de huidige manier de layout perfect getoond wordt in Opera & Firefox maar in Internet explorer zijn er 2 bugs:
1) rechts is der een verschuiving van één pixel
2) soms laad de linkerkant gewoon niet in IE, als je dan een resize doet gaat het wel

http://www.realrealms.com/V2/

Gehanteerde oplossing: http://www.alistapart.com/articles/holygrail

>> Jullie mening?
d

denk

Legacy Member
Probleem 1: Werk met !IMPORTANT

vb:

#mijnid{
left: 10px !IMPORTANT;
left: 11px;
}

left: 10px !IMPORTANT; <--- deze regel wordt door FF gelezen (kan ook zijn dat de ; voor !IMPORTANT moet staan, niet 100%zeker)
left: 11px; <--- deze regel wordt door IE gelezen.

Probleem2: Let op hoofdletters in IE - heb al eens tegengekomen dat mijn image "Hallo.jpg" noemt en dat in je .html file "hallo.jpg" staat en dan wordt deze niet weergegeven...
X

Xavez

Legacy Member
denk zei:
#mijnid{
left: 10px !IMPORTANT;
left: 11px;
}

left: 10px !IMPORTANT; <--- deze regel wordt door FF gelezen (kan ook zijn dat de ; voor !IMPORTANT moet staan, niet 100%zeker)
left: 11px; <--- deze regel wordt door IE gelezen.
Klik om te vergroten...
!important (kleine letters volstaat) moet achter de waarde staan en uiteraard vóór de puntkomma. Logisch, als je iets van scriptingtalen af weet :)...

je kan ook

#mijnid {left: 10px;} /* Wordt door Alle browsers gelezen */
* html #mijnid {left: 11px;} /* Wordt enkel door IE gelezen */
A

Arcko_Drazen

Legacy Member
Code: 
/*** IE Fix ***/
* html #left {
	left: 204px;
}

Had ik al staan, verandert naar 203px, nog erger, verandert naar 205, nog erger maar dan naar de andere kant.

Wat ik wel merk: als ik mijn IE manueel resize en soms stop dan komt alles mooi, verzet ik het weer, dan staat em weer niet goed, ...

Houdt toch geen steek?
C

Cakeman

Legacy Member
Hou er wel rekening mee, dat IE7 óók de !important lijnen gaat gebruiken en dat * html "blabla niet meer werken in IE7.

Het worden nog leuke tijden :)
A

Arcko_Drazen

Legacy Member
Dus javascript is een betere oplossing? (begint al te twijfelen om alles gewoon in schijttabellen te zetten)
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