verschillende hoogte content in Explorer/Firefox

Status
Niet open voor verdere reacties.
J

jordas

Gebruiker
Lid geworden
5 apr 2007
Berichten
26
LS,

ik heb een ontwerp voor een site waarin ik de content precies over wil laten lopen in de achtergrond. Vervelend is alleen dat deze in Explorer op een andere hoogte neer wordt gezet dan in Firefox. Ik heb het ontwerp online gezet op www.sjoerdoudman.nl/kurama

In explorer lopen de lijnen op dit moment in de achtergrond door, in firefox zit de content 6 of 7 pixels te hoog. Nu is mijn vraag: is dit op te lossen met gebruik van css of html?

met vr. groet

jordas
 
met CSS kan je heel makkelijk images positioneren!

Bovendien zou ik me, als ik moest kiezen, aan de FF-norm houden.


:thumb:
 
Ja, maar...............
dit is natuurlijk niet zoals de site moet worden:
alleen plaatjes.
Waar is de code en opmaak style?

:cool:
 
ff norm

Dank voor uw reactie heren,

ik weet eerlijk gezegd niet wat de FF-norm inhoudt. Waar zou ik dat terug kunnen vinden?

Verder is het idd alleen nog maar een plaatje, de uitgebreidere opmaak gaat nog volgen, maar ik wil graag dat positieprobleem uit de weg hebben voor ik met het bouwen losga.

vr. groet

jordas
 
Als je in CSS:

PHP: 
#body{
 background: url(images/bg02.jpg) repeat-x;
}

Neerzet, hoef je voor de content al helemaal niet meer die achtergrond mee te geven. Die loopt dan automatisch door. Dan moet je alleen dat plaatje met dat rode figuur en die takjes ofzo nog in de content te zetten.
 
juist,

ik heb het idee dat het voorbeeld dat ik online heb gezet een beetje afleidend is voor de vraag die ik heb. Ik begrijp dat een achtergrond zich in de breedte automatisch herhaalt. de vraag is alleen hoe ik het voor elkaar krijg om de hoogtemarge vanaf de bovenkant hetzelfde te houden. Bij Firefox is het probleem dat de marge vanaf de bovenkant kleiner is en daardoor is het lastig de lijnen van de achtergrond door te laten lopen in de content.

Wat ik denk is dat er vast een opmaaktag is waarmee je dit soort marges aan kunt passen op het browsertype, dat heb ik alleen nog niet gevonden.
 
Wat ik altijd doe bovenaan mijn stylesheet is:

PHP: 
*{
  margin: 0px; padding: 0px;
}

En daarna per element eventueel de margins / paddings definiëren. Meestal komt het dan mooi uit.
 
opgelost

Beste allen,

ik heb het antwoord op mijn vraag inmiddels door even iets te proberen en de uitkomst was zo eenvoudig dat ik me diep dien te schamen voor het feit dat ik niet in staat was het probleem op te lossen en u allen ermee moest lastigvallen. Het was gewoon het toevoegen van een style-margintag van 0 pixels aan de body. Dat is een tag die zowel firefox als explorer begrijpen. De html-tag margintop wordt namelijk niet opgepakt door Firefox. Dus als volgt:

<body style="margin:0px;" background="images/bg02.jpg"><center>
<img src="images/design.jpg" />

</center></body>

Ik hoop dat dit in ieder geval informatief is voor mensen die tegen hetzelfde probleem aanlopen,

Jordas

Ps: Nog dieper dien ik me te schamen dat de FF-norm zich natuurlijk dient te lezen als Firefox norm..... en ik denken dat er een nieuwe term werd gebruikt, oioioi. Ik weet dat firefox stabieler is over het algemeen. In dit geval was het toch een beetje een Bitch omdat het niet reageerde op de magrintop tag

Ps2:en waarschijnlijk kreeg ik het bovenstaande bericht van erik terwijl ik mijn laatste bericht zat te typen, dus Erik, righto!
 
Laatst bewerkt:
Nog dieper dien ik me te schamen dat de FF-norm zich natuurlijk dient te lezen als Firefox norm..... en ik denken dat er een nieuwe term werd gebruikt, oioioi.
Klik om te vergroten...
hahahahaha nee hoor

geen probleem hoor :cool:


:thumb:
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan