+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Header anzeigeproblem (/thread-5656.html)
Header anzeigeproblem - iamstillalive - 21.04.2007
Schaut man sich den Header im Firefox und Internet Explorer an, wird er korrekt angezeigt. Also so:
Aber im Opera wird er so angezeigt:
Die Breite steht auf 99.8%, so wird die Breite im IE7 korrekt angzeigt. Jedoch im Opera nicht
Ihr könnt euch auch ein eigenes Bild machen, * Link entfernt *
RE: Header anzeigeproblem - Michael - 21.04.2007
Naja, eine relative Breite wird meistens in unterschiedlichen Browsern auch anders gehandhabt. Sinnvoller wäre es die Breite auf 100% zu setzen und über margin einen festen Abstand zu bestimmen.
RE: Header anzeigeproblem - iamstillalive - 21.04.2007
So sieht im Moment mein oberes Menü aus:
Code:
text-align: left;
border-top : 1px solid #b1a4ae;
border-bottom : 1px solid #b1a4ae;
border-left: 1px solid #bbc1c8;
border-right : 1px solid #b1a4ae;
width: 99.8%;
float: left;
list-style: none;
padding: 0px;
margin: 0px;Mach ich die Zeile:
Code:
width: 99.8%;Code:
margin:0px;
width: 100%;RE: Header anzeigeproblem - Michael - 21.04.2007
Ich habe es mir gerade angesehen und kann auf den ersten Blick keinen Fehler feststellen. Könnte tatsächlich ein Darstellungsfehler in Opera sein.
RE: Header anzeigeproblem - iamstillalive - 21.04.2007
Hier der genaue Fehler
RE: Header anzeigeproblem - Jan - 21.04.2007
Kann den Fehler leider nicht finden:
Opera 9.20
openSuSe10.2
RE: Header anzeigeproblem - iamstillalive - 21.04.2007
Jep. Habe den Rahmen links und rechts entfenrt.
Und dann auf 10% Breite gestellt. Also entweder ich entfern den Rahmen oder nehme den Anzeigefehler in Kauf. Wobei aber der Opera sich nie durchsetzten wird, nehme ich den Anzeigefehler in Kauf, denn wie will ich sonst den Rahmen darstellen?
RE: Header anzeigeproblem - Jan - 21.04.2007
Indem du zwei div's ineinander verschachtelst.
Das äußere mit der Rahmenfarbe machen und auf 100% setzten.
Dann ein zweites darein setzten mit 100% Breite und dem Inhalt. Dann einfach ein padding-right:1px; und ein ...-left:1px;
Und fertig ist dein Div mit seitlichen Rahmen.
RE: Header anzeigeproblem - iamstillalive - 21.04.2007
Das geht nicht:
Code:
text-align: left;
border-top : 1px solid #b1a4ae;
border-bottom : 1px solid #b1a4ae;
padding-right:1px solid #bbc1c8;
padding-left:1px solid #bbc1c8;
width: 100%;
float: left;
list-style: none;
padding: 0px;
margin: 0px;Dann habe ich rechts und links keinen Rahmen!
RE: Header anzeigeproblem - Jan - 21.04.2007
Ich meinet sowas:
CSS
Code:
div.ausen{
text-align: left;
background-color:#b1a4ae;
width: 100%;
float: left;
list-style: none;
padding: 1px;
margin: 0px;
}
div.innen{
background-color:white;
width: 100%;
}Code:
<div class="ausen">
<div class="innen">
<a href="index.php">Home</a>
</div>
</div>