zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden border: outset Falschdarstellung im Mozilla Firebird

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.01.2004, 16:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.01.2004
Beiträge: 20
synomus befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.01.2004, 01:35
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.05.2003
Beiträge: 129
Thomas (css 4 you) befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.01.2004, 19:59
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.01.2004
Beiträge: 20
synomus befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Verschiebungen bei größerem Bildschirm seelefant CSS 4 28.07.2014 16:43
Navigation positionieren maybebabe CSS 4 08.04.2013 23:17
CSS von Plugin beisst! expand CSS 0 28.09.2012 18:44
Dynamische Größen Killhunter CSS 0 14.05.2011 17:56
*zefix* IHateBill, <tr> Hintergrundfarbe Scheppertreiber CSS 17 30.05.2008 13:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:45 Uhr.