Thornwood Fine Homes </div><!--contentHeader--> <div class="contentTextIndex"> In hac"> Thornwood Fine Homes </div><!--contentHeader--> <div class="contentTextIndex"> In hac"> Thornwood Fine Homes </div><!--contentHeader--> <div class="contentTextIndex"> In hac" />

IE 7 Geef HTML/CSS uit

Hoi, ik heb een probleem met IE 7 .... Ik heb een header en wat tekst, in firefox, dus 8, 9, chrome er is wat ruimte tussenin. echter in IE 7 is niet.

http://jamessuske.com/thornwood2/

HTML CODE

<div class="contentHeader">

 Thornwood Fine Homes

</div><!--contentHeader-->

<div class="contentTextIndex">

In hac habitasse platea dictumst. Curabitur sed augue eget elit tristique venenatis. In ligula dui, facilisis in varius vitae, ullamcorper at risus. Mauris dictum aliquam massa, in elementum lacus vehicula quis. Aliquam erat volutpat. Aenean velit enim, rutrum ut laoreet ac, convallis eu orci. Etiam ac justo iaculis nunc iaculis mattis. Nam porta, lacus ac lobortis congue, leo nunc scelerisque leo, a sodales odio neque nec ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vel sem eu eros congue elementum in tincidunt neque.

Cras sed pretium quam. Morbi metus lorem, pulvinar a lacinia sed, molestie at ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec et justo metus, id vehicula erat. Nam ullamcorper mattis accumsan. Phasellus euismod egestas posuere. Nulla sed leo nulla. In sagittis interdum justo, ornare euismod ligula lacinia ac. Aliquam erat volutpat.

</div><!--contentTextIndex-->

CSS-CODE

.contentHeader{
font-family:Verdana, Geneva, sans-serif;
font-size:36px;
margin:0px;
padding:0px;
}

.contentTextIndex{
width:350px;
font-size:16px;
float:left;
}

Bedankt voor de hulp :)

0
Ik mis grote zwarte blokjes in je inhoudsbestand in Firefox 7.0.1
toegevoegd de auteur Blender, de bron

1 antwoord

Dit komt omdat browsers verschillende standaardmarges hebben voor verschillende elementen, stel ze expliciet zo in

.contentTextIndex{
width:350px;
font-size:16px;
float:left;
margin:10px 0px;
}
0
toegevoegd
Bedankt dat heeft geholpen ... maar nu is er een probleem met Firefox ... jamessuske.com/thornwood2
toegevoegd de auteur user979331, de bron
eerlijk gezegd meneer
toegevoegd de auteur user979331, de bron
uhu, ik heb je oorspronkelijke vraag beantwoord, dus eh ... hoest hoest !
toegevoegd de auteur Tules, de bron
en ja, ik heb net FF 7.0.1 ingecheckt en het werkte prima voor mij!
toegevoegd de auteur Tules, de bron
Het juiste is om het antwoord te accepteren en vervolgens een aparte vraag te plaatsen voor het andere niet-gerelateerde probleem (niet zeker of het een probleem is, want ik zeg dat het prima is getest)
toegevoegd de auteur Tules, de bron