03.07.2003, 21:40
|
|||
|
|||
Opera und padding
Hallo,
ich habe ein Problem mit dem Opera-Browser (bei mir im Einsatz in Version 7). Ich habe den Content meiner Webseite mit einer entsprechenden Klasse in ein übergeordnetes Div gepackt. Das Content-Div hat ein padding von einigen pixeln. Im Opera wird dieses Padding nicht angezeigt. Wie kann ich hier abhilfe schaffen? Auf der Homepage von Opera gibt es zwar diverse Hinweise hierzu, aber das richtige habe ich nicht gefunden (zumindest funktioniert es bei mir nicht  )Und nochwas, in manches divs zeigt es mir keine Hintergrundfarbe im Opera an, obwohl diese explizit angegeben wurde. Was kann das sein? Im IE geht es ganz normal. LG, Susanne 
|
| Sponsored Links |
|
04.07.2003, 08:34
|
|||
|
|||
|
Hallo,
Zitat:
Mit padding haben ich noch nie im Opera Probleme gehabt. Allerdings geben ich immer einen DOCTYPE an. Du kannst ja mal die Problemstellung als CODE posten.
__________________
</ulle>
|
| Sponsored Links |
|
04.07.2003, 20:47
|
|||
|
|||
|
Hi susanne,
poste doch bitte mal den Quellcode. So schlecht ist der Opera nun auch nicht. Besonders die Versionen 6+7 hat eine gute CSS-Umsetzung. Gruß Thomas
|
|
05.07.2003, 11:39
|
|||
|
|||
|
Hallo,
das einzige was mir bekannt ist ist dass der Opera im Body einen Default ungleich Null für Padding hat. Code:
body { padding:0 }
__________________
</ulle>
|
|
05.07.2003, 15:45
|
|||
|
|||
|
@ulle,
ja, das mit dem padding:0; im body hab ich ja von der Opera-Website, nur es funktioniert nicht. Schaut mal die Seite an: http://www.raphaelav.de Im Stylesheet habe ich folgende Angaben dafür (Auszug): Code:
html, body {
font-family:Verdana;
font-size:11px;
background-color:#ffeb78;
background-image: url("images/back5.gif");
text-align:center;
margin:0px;
padding:0px;
}
#wrap {
width:760px;
margin:10px auto;
text-align:left;
background-color:#ffeb78;
border:1px solid #efa31b;
}
.content {
border:0px solid #efa31b;
background-color:#fffff0;
min-height:600px;
width:760px;*/
padding:15px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 730px;
}
html>body .content {
width: 730px; /* ie5win fudge ends */
}
LG, Susanne
|
|
05.07.2003, 15:49
|
|||
|
|||
|
Zitat:
Aber wie kann man denn da abhelfen? Manchmal brauche ich die einfach irgendwie z. b. bei dem div "Content". Zitat:
Zitat:
LG, Susanne
|
|
06.07.2003, 11:47
|
|||
|
|||
|
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html, body {
font-family:Verdana;
font-size:11px;
background-color:#ffeb78;
background-image: url("images/back5.gif");
text-align:center;
margin:0px;
padding:0px;
}
#wrap {
width:760px;
margin:10px auto;
text-align:left;
background-color:#ffeb78;
border:1px solid #efa31b;
}
.content {
border:0px solid #efa31b;
background-color:#fffff0;
padding:15px;
}
</style>
</head>
<body>
<div id="wrap">test text
</div>
<div class="content">test text
</div>
<div id="wrap">test text
<div class="content">test text
</div>
</div>
</body></html>
 Diese HACK's mögen ja ganz toll funktionieren, bis der neu IE (zukünftig) nicht mehr damit klar kommt. Man weiß ja nie was kommt. Oder eine anderer BROWSER oder wie auch immer. NO HACK's Ich verwende so etwas nicht............Valide und schluß. Nun habe ich mal die width's und HACK's weg und zumindest ist das Ergebnis gleich Zum BOX-Model BUG des IE5 hilft Dir evtl dieses: http://www.css-praxis.de/forum/lesen.php?eintrag=69
__________________
</ulle>
|
|
06.07.2003, 17:32
|
|||
|
|||
|
Hallo Ulle,
ja, das mit den Hacks ist eigentlich auch nur drin, weil es mal als Beispiel dabei war, zufrieden war ich damit noch nie, weils bei mir nicht richtig funktioniert hat (und ich mich bisher damit auch noch nicht richtig beschäftigt habe). Ich hab es jetzt mal rausgenommen und die Breite im .content weggelassen, geht wunderbar! Danke sehr!!! Was jetzt noch mein Problem ist, ist die Navigation rechts. Dafür habe ich eine Klasse .nav mit float:right in den .content eingefügt. Innerhalb dieser Navigation sitzt dann das Menü, das als einzige Eigenschaft die Breite 170px hat. Code:
.nav {
float:right;
margin-top:-15px;
margin-right:-15px;
margin-left:10px;
background-color:#ffeb78;
border-left:1px dashed #efa31b;
border-bottom:1px dashed #efa31b;
padding-left:10px;
min-height:240px;
width:200px;
}
.menu {
width:170px;
}
LG, Susanne
|
| Sponsored Links |
|
06.07.2003, 21:35
|
|||
|
|||
|
__________________
</ulle>
|
| Sponsored Links |
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 15:43 |
| Navigation positionieren | maybebabe | CSS | 4 | 08.04.2013 22:17 |
| Dynamische Größen | Killhunter | CSS | 0 | 14.05.2011 16:56 |
| Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 20:24 |
| Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 22:48 |
Linear-Darstellung
