Wat een surprise :)

[Bossie]

(bestaan er nog steeds mensen die IE gebruiken? )

Ben aan het werk en mijn klant zadelt mij hier mee op Thuis draai ik Firefox.

Nu ziet het er in IE7 zo uit, de breadcrumbs zijn wat gezakt, maar de bovenkant zit nog deels in de banner.

[Bossie]

En na het posten van mijn vorige bericht staat het er wel onder.

[q01z]

ik heb wat dingen aangepast...

het lijkt nu goed te zijn?
Iexplorer op de laptop was nog nooit gebruikt.. daar staat het nu goed

[AlexanderB]

ziet er nu inderdaad prima uit @ Avant Browser (is IE8 engine als t goed is)

[2Black]

Zit hier nu ook de css te bekijken, voorzover dat kan.
En ik zie een fundamentele fout in de hiërarchie van de css die dit alles volgens mij veroorzaakt.
In de .php heb je het over "headerimg" en "headerimg2" met class "logopos" terwijl ik die "headerimg" in de css nergens tegenkom.
Logopos wel, die heb je er zelf ingezet zo te zien.
Echter, je laat dat hele "logopos" stukje buiten de wrapper vallen. Wrapper begint pas bij de search en jij zet het logo daarboven met een left padding van 0 en een position absolute. Daardoor is dat dus niet gecentreerd.


Edit: snap niet wat je nu veranderd heb om het wél te laten werken.
Staat nog steeds niet conform de regels genoteerd ... maar werkt wel . Zit dat in het print/font/mail vakje onder de search?

[Losroyos]

Yes hij is weer goed, lekker bezig jonge

[q01z]

@tezwart: headerimg en logopos zijn zover ik me kan herinneren van de style zelf.. headerimg2 heb ik er idd zelf ingezet..
die logopos heb ik nu de positie bepaling even uitgehaald, om te kijken of dat helpt.. dank!

[2Black]

En nu heb je een minimale margin aan de bovenkant....
Je hebt inderdaad dubbel zitten positioneren en dat is cross-browser wat lastig.
Maar eigenlijk hoort je logo in het vak van de search te staan, ben je van al het gezeik af. Moet je alleen wel alle maten en posities + hiërarchie goed hebben.
Bij alles dat je veranderd even een /* ik heb zus en zo vandaag veranderd vanwege dit en dat */ plaatsen! Dat maakt terugzoeken een stuk makkelijker.

Grappig is tevens dat je nu de afgeronde hoekjes van de originele css in het logo ziet staan... omdat het logo achter de eigenlijke wrapper hangt...

[Joost]

1 ding is nog weird als je nu op het logo wil klikken kan dat alleen thv de carosserie

[2Black]

Dat is niet weird Joost, dat is logisch.

Komt omdat Marc het logo (en de link die eraan vast zit) nu ACHTER de wrapper heeft zitten. Enkel het stukje dat door de topmargin zichtbaar blijft boven die wrapper (de hoogte dat het searchbox en site-description deel nodig heeft) is daardoor klikbaar.
Het logo moet eigenlijk (denk ik) opgesplitst worden in 3 delen en binnen "headerbar" gaan vallen.
Deel 1 is dan het logo (background, top-left no-repeat valt binnen site-description), deel 2 is het "welkom op het AX-Club Forum" (backround, bottom-right, no-repeat valt binnen de searchbox) en dan nog het grijsverloopje als aparte spacer en div (background, bottom, repeat in headerbar als soort beneden border ).
Iets dergelijks...

Hoe dan ook, nu zit dat logo dus achter de originele PHbb opmaak, en dat maakt het cross-browser nogal lastig goed te krijgen. Het inbouwen van een "Z-index:1;" bij 'headerimg' kan al helpen, dan krijgt die voorrang op de rest.
Maar omdat de rest geen gebruik maakt van z-indexing... kan het weer een probleem geven.

Fascinerende dingen vind ik dit altijd... lees nu zo'n 15 jaar CSS en het blijft soms een raadsel hoe die hiërarchie werkt...

[Joost]

en de grap is ie doet het wel "goed"

[2Black]

Wat een leuke ...

mijn Z-index opmerking is ineens verwerkt!
Als je nu ook nog een z-index: 2; in de search-box stopt... dan ligt die weer boven het logo en moeten ze allebei zichtbaar zijn! (denk ik)

Maar het blijft een slordige oplossing veroorzaakt door de enorme header.
Vergeet nu dat grijsverloop onder het logo, hak het logo doormidden en verdeel die plaatjes als background over de "site-description" en de "search-box". Dan wordt de boel zelfs schuifbaar als je een venster verkleind tot de ruimte op is.

PS: nu heb je nog steeds dezelfde typefout in de #centerlayer en #headerimg staan in het CSS helemaal onderaan.
Staat nu: #centerlayer {; en bij #headerimg ook. Die ; hoort daar niet, en sommige browsers kunnen die letterlijk als afsluiter nemen waardoor ze een foutje maken.

Als je me nu een zeurende ouwe lul vindt... moet je dat gewoon zeggen hè!

[2Black]

Om me er nog even wat extra mee te bemoeien... en om gerelateerde problemen te verhelpen....
Zou ik, als men toch bezig is, ook nog een "reset.css" aan de hele zooi koppelen.
Zo voorkom je allerlei crossbrowser haperingen en staat alles op "0" bij openen forum. Dan heb je normaal gesproken ook minder behoefte aan refresh dingen en wordt automatisch altijd alles 'vers' geladen.

Gewoon een nieuwe style verwijzing, als eerste in de lijst van css verwijzingen.
Is sinds 4 jaar een standaard bij zeer veel goede websites; zie de Guru op dit gebied (en de uitvinder ervan): Eric Meyer


kunt die reset ook in de stylesheet zelf zetten als import, uiteraard wel helemaal bovenaan voordat er iets anders geladen wordt:
/* Reset browser defaults */
@import url('./styles/reset.css');

[citrofenwick]

viewtopic.php?f=9&t=15502&start=800

Ik update net mn wieiswie, en het valt me op dat de pics er niet volledig op staan.
probleemje met de nieuwe breedteinstellingen?

[Losroyos]

Oke volgens mij lade hij vanochtend bij mij op de pc de css file niet ofzo.

[raoel]

dan ligt dat toch aan de PC als hij die niet wil laden?

[2Black]

Dat is een veel voorkomend stukje onderbreking in data-overdracht. Komt neer op het missen van 1 ping.
Heb het zelf ook regelmatig trouwens.

Ik denk dat het mede wordt veroorzaakt doordat een belangrijk lay-out stukje als aanpassing helemaal onderin de .css staat. Dat is dus nét dat laatste bitje...
Kan zijn dat wanneer die aanpassing komt te staan waar die hoort (onder /* Main-Blocks */ ) het vaak voorkomen van dit laadprobleem een stuk minder wordt. .CSS bestanden worden van boven naar beneden geladen, en dus zet men de hoofdlayout meestal zo ver mogelijk naar boven, gelijk na de belangrijkste tekstopmaak-elementen.

[MNM(tm)]

De breedte van 't forum is nu overigens nog steeds irritant. Ik draai op alle PC's (en laptops) hier thuis nog gewoon 1024x786 en daarbij is het forum gewoon net te breed. Zou het een mega-opgave worden om de weergavebreedte van het forum kiesbaar te maken in het user-profile?

[MBa@NL]

@MNM(tm), Hier geen enkel probleem... gewoon volledige breedte op 1280x1024...



Al is dit wel een beetje van Google Chome en een beetje van de plugin Stylish.... ohja.... ook nog een heel klein beetje CSS werk van mijzelf.

Gewoon een breedte van 100% aannemen en het is ook op dual screen met verschillende maten geen probleem meer... (dus ook als het scherm kleiner is)

Overigens is de plugin Stylish ook voor FireFox beschikbaar... dus wie zich net als Marco en mij stoort aan het smalle forum, het is heel simpel op te lossen.

[2Black]

....Ik draai op alle PC's (en laptops) hier thuis nog gewoon 1024x786 en daarbij is het forum gewoon net te breed.

Forumbreedte is met de aanpassingen die er handmatig in zijn gezet een beetje ... euh.. vreemd...
Er zijn 2 toegevoegde stukken CSS die een breedte van 1000px vragen. Het logo bovenin is tevens (om mij onbekende reden) ook 1000pixels breed en dit veroorzaakt jouw tekort aan beeldscherm ruimte.
Binnen de CSS staat het logo op de verkeerde plek eigenlijk... dat maakt het lastig om te resizen.
Bovendien zitten er een aantal kleine elementen in de CSS waar Microsoft tot en met IE7 niet mee overweg kan!