<pre>, float: en IE7

[mpol]

Ik heb gekke dingen met <pre> text en een float in IE7.
Concreet is er links een menu in een div, wat via float:left links wordt neergezet.
In het midden valt er een content-div naast. Met gewone text vloeit dit er prima naast. Alleen als er text preformatted met <pre> in staat, en de window wordt kleiner dan 800x600, dan past de tekst volgens IE7 en IE6 niet meer naast de float, en zet hij hem onder het menu.
Een voorbeeld staat op:
http://svpegasus.chaosmongers.org/testpre.php
In Firefox, en ook op 1024=768 is het echter prima.

Nu had ik bedacht dat ik ook ipv met een float:left, het menu ook kan positioneren met position:absolute, top en right. Dit had ik eerder ook, met als nadeel dat als het font groter wordt, dat de bovenste marge (of eigenlijk de top:50px) niet mooi meeschaalt en dat het grafisch wat lelijk wordt.
Dit voorbeeld heb ik op:
http://test.wordpress.chaosmongers.org/stand/

Nu ga ik het liefst voor een oplossing voor het eerste probleem, maar zoals nu lijkt het een beetje kiezen uit 2 kwaden.

[ Voor 0% gewijzigd door mpol op 08-03-2010 22:26 . Reden: url fix ]

[_eXistenZ_]

Gewoon met http://www.pushuptheweb.com/ zeggen dat ze IE8 moeten en anders de tekst gewoon niet goed wordt weergegeven...

[Kiphaas7]

_eXistenZ_ schreef op maandag 08 maart 2010 @ 22:20:
Gewoon met http://www.pushuptheweb.com/ zeggen dat ze IE8 moeten en anders de tekst gewoon niet goed wordt weergegeven...

Behalve het feit dat de link die je geeft specifiek IE6 (en dus niet IE7) target, is het niet bepaald een constructieve oplossing die je geeft.

Ontopic:
Een top waarde kan prima ook in em of percentages als je wil dat het ook in IE7 en lager meeschaalt...

ps: Misbruik je hier niet de pre tag? het is toch gewoon een tabulaire data, en dus zou je een tabel moeten gebruiken?

[ Voor 10% gewijzigd door Kiphaas7 op 08-03-2010 22:49 ]

[mpol]

Ja, het is wel wat misbruik. Ik ben niet degene die de data in de <pre> aanlevert, maar volgens mij is dat output van excel. Ik denk dat het wat lastig is om te verwachten dat het elke week netjes in een tabel afgeleverd wordt. Ik kan wel eens vragen waar het uitkomt, en of er alternatieve formaten bestaan.

[mpol]

En een top waarde in em, hmm... het is juist een <h1> header in 200% font, met padding boven en onder van 30px. Ik zou dat ook in em kunnen opgeven, dat is een optie. Maar de image rechts in de header komt dan weer iedere keer verschillend te staan, terwijl dat nu wat meer op pixels gebaseerd is.

[Sebazzz]

Aangezien de data een vrij standaard formaat lijkt te hebben, moet het mogelijk zijn deze in een array te splitten. Het maken van een tabel is dan makkelijk.

[mpol]

Ah, via php code. Dat is wel een optie ja