PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : [HTML]: Divs nicht so wie ich will?

BoneDaddy
2006-09-21, 09:45:25
Hi!
habe einer eher sub-optimale Lösung und Firefox und IE beissen sich da doch sehr. :-(

Was mich wundert, warum ist über der "Überschrift1" so ein großer Abstand und warum funzt es im Firefox überhaupt nicht?

Link: http://www.langens-finest.de/h-m/


Danke für eure Hilfe!
Matrix316
2006-09-21, 09:55:55
Mach doch ne Tabelle anstatt divs...
Gast
2006-09-21, 17:48:35
Mach doch ne Tabelle anstatt divs...booooo!

Ne das liegt ganz einfach daran, dass der Internet Explorer Blockelemente wie eben z.B. das div-Element anders darstellt. Glaub ich muss man padding oder margin auf 0 setzen, dann gehts.
Gast
2006-09-21, 17:51:28
hm sorry ne eher so:

div { float: left; border-width: 0px; border-style: solid;}

damit das ganze wieder zusammenpasst solltest du alles in einen übergeordneten div-container packen, der idealerweise eine feste width definiert, z.B. 500px oder so
DanMan
2006-09-21, 21:00:23
Überschriften haben in Browsern Vorformatierungen (Abstände, Zeichengröße, ...). Du musst also alles explizit angeben, damit es so aussieht, wie es soll.

P.S.: Du leidest unter Divitis.
Tommes
2006-09-21, 22:47:37
<html>
<style type="text/css">
<!--
body { font-family: arial; font-size: 13px; color: #003080;}
h1 { font-size: 20px; text-decoration: underline; margin: 10px; color: #001060;}
#wrapper {
width: 720px;
margin-left: auto;
margin-right: auto;
}

#content {
width: 680px;
float: left;
background: url(http://www.langens-finest.de/h-m/gfx/bg_main.jpg);
min-height: 200px;
padding: 20px;
}

* html #content {
width: 720px;
}

#main {
width: 570px;
background: url(http://www.langens-finest.de/h-m/gfx/box_main.jpg);
}

#main p {
min-height: 400px;
margin-left: 20px;
}

.center {
text-align: center;
}
-->
</style>
<body>

<div id="wrapper">
<img src="http://www.langens-finest.de/h-m/gfx/bg_top.jpg" alt="" />
<div id="content">
<p>Hier der Header</p>
<p>Start Informationen Zur Person Impressum</p>
<p class="center">
<img src="http://www.langens-finest.de/h-m/gfx/pic_2.jpg" alt="" />
</p>
<div id="main">
<img src="http://www.langens-finest.de/h-m/gfx/box_top.jpg" alt="" />
<p>sajdksjad</p>
<img src="http://www.langens-finest.de/h-m/gfx/box_bottom.jpg" alt="" />
</div>
</div>
<img src="http://www.langens-finest.de/h-m/gfx/bg_bottom.jpg" alt="" />
</div>
</div>

</body>
</html>
BoneDaddy
2006-09-22, 02:04:47
hi, danke für eure mühe!
kann es sein, dass die emailbenachrichtigung nicht funktioniert?