XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   border: outset Falschdarstellung im Mozilla Firebird (http://xhtmlforum.de/showthread.php?t=32177)

synomus 10.01.2004 16:12

border: outset Falschdarstellung im Mozilla Firebird
 
Hallo erstmal!

Ich habe das Problem, dass bei folgendem Quelltext die Darstellung im IE 6 und Opera 7 zwar stimmen, aber der Firebird mucken macht. Kann mir jemand sagen, warum???

Zitat:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
body {
background: #FF9933;
font: 101%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px;
overflow: auto;
text-align: center;
}

#mitte {
margin: auto;
width: 760px;
background: transparent;
border: outset;
border-color: #FF9933;
margin-top: 20px;
text-align: left;
}

#nav, #content, #right {
width: 16%;
float: left;
margin-top: 50px;
}

#nav, #right {
min-width: 120px;
}

#content {
width: 68%;
margin-top: 30px;
}

#top {
height: 70px;
}

#logo, #top_nav {
float: left;
}

#logo {
width: 400px;
height: 70px;
}

.tab {
border: dotted 1px;
background-color: #FF6600;
padding: 2px;
margin: 3px 2px 2px 0px;
}
-->
</style>
</head>
<body>
<div id="mitte">

<div id="top">
<div id="logo">logo</div>
<div id="top_nav">top_nav</div>
</div>

<div id="nav">
<div class="tab">nav</div>

</div>
<div id="content">
<div class="tab">content</div>
</div>
<div id="right">
<div class="tab">right</div>
</div>

</div>
</body>
</html>
Gruß
Simon

Thomas (css 4 you) 11.01.2004 01:35

Hallo synomus,
ist deine Frage noch aktuell?
Es fehlt am Ende, vor dem schließenden </div> des Containers "mitte"
ein clear:left, damit Mozilla den div-Container bis nach unten ausweitet. Das hängt damit zusammen, dass die floatenden div's nicht zum Textfluss gehören.
Meiner Meinung nach müsste dieses Verhalten auch korrekt und im IE und Opera falsch umgesetzt sein.
Code:

...
 <div id="content">
  <div class="tab">content</div>
 </div>
 <div id="right">
  <div class="tab">right</div>
 </div>

 <br style="clear:both;" />
</div>
</body>
</html>

Gruß
Thomas

synomus 11.01.2004 19:59

Hallo Thomas!


Ja! Bis du geantwortet hast, war die Frage noch aktuell!
Hab ich wohl vergessen, den Float zu beenden.

-Jetzt funktioniert es, vielen Dank dafür!


Gruß
Simon


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:59 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023