css-problem border

Bitch · 15. März 2007

das Problem stellt sich so dar, dass wenn ich ein padding festlege im mozilla und im opera der border verschwindet. hab ma ein bild zum besseren Verständnis:
Download offline!

Css-Datei

Code:

* {
margin: 0;
padding: 0;
} 
body {
 font-family:Verdana, Arial, sans-serif; 
 font-size: 14px;
 text-decoration: none;
 font-weight: bold;
 color: #784c24;
 background-color:#eee2cc;
}
#main{
margin:8px auto;
border:1px dotted #be882e;
background-color:#e9d9bb;
width: 800px;
}
#header{
border-bottom:1px dotted #be882e;
background-color:#e9d9bb;
width: 800px;
height: 135px;
}
#menue{
border-bottom:1px dotted #be882e;
background-color:#e9d9bb;
width: 800px;
height: 17px;
}
#content{
background-color: #e9d9bb;
width:800px;
height: 300px;
}
#footer{
border-top:1px dotted #be882e;
background-color:#e9d9bb;
font-size: 10px;
font-weight: normal;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 0px;
width: 800px;
}

HTML-Datei Auszug:

Code:

<body>
<div id="container">
 
 <div id="main">
 <div id="header">
 <img src=./bilder/logo_versuch3.jpg>
 <!--header--></div>
 <div id="menue">
 <!--menue--></div>
 <div id="content">
 <!--content--></div>
 <div id="footer">
 <p>© Pommes.de | <a href="impr.html" title="Impressum">Impressum</a> | <a href="mailto:info@pommes.de" title="Info-Email">info@pommes.de</a></p>
 <!--footer--></div>
 

 <!--main--></div>

<!--container --></div>

Beim IE klappts

greetz *****

Anzeige

breZZer · 16. März 2007

AW: css-problem border

ich schätze mal en problem mit dem padding.

probier mal aus, wass passiert wenn du die paddings beim footer herrausnimmst...

sollte es dann gehen, dann mach dich mal über das Boxmodell schlau.

(und sry wegen mangelnder rechtschreibung/gro-kleinschreibung, steh kurz vorm zubettgehen)

dEm0n · 16. März 2007

AW: css-problem border

Code:

#footer{
border-top:1px dotted #be882e;
background-color:#e9d9bb;
font-size: 10px;
font-weight: normal;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
padding-right: 0px;
width: 800px;
}

Hm also ich hab mich da jetzt wirklich veruscht rein zu denken das einzige was mir aufgefallen ist wie verwendest du nicht mal

Code:

border-bottom:1px dotted #be882e;

Mach mal bottom stat top...

MfG

Murdoc · 16. März 2007

AW: css-problem border

footer...padding-left: 2px;

verschiebt das ding 2px nach rechts, deswegen is rechts der border weg.

lass es weg und done

stattdessen machste vor den text im footer einfach das:   

Nützliche Suchen

css-problem border

Videos zum Themenbereich