• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

FireFox und width = 96% mit padding-left

A

andynail

Mitglied
Hallo zusammen

auf meiner Webseite soll ein div Bereich 96% breit sein, da left = 4% sein soll. Und jetzt steht aber noch eine Spalte mit Steuerelementen davor die 120px breit ist. Und daher schreibe ich in das div padding-left:120px. Doch dann verbreitert sich das div um 120px im firefrox.

Wieso dass denn bitte? Und wie stelle ich den Inhalt jetzt von der Spalte weg?

Danke Gruß Andreas
ps: das gleiche Bild zeigt sich auch bei paddingTop mit Javascript
 
Zuletzt bearbeitet:
Werbung:
Werbung:
Hallo

und wie bekomme ich das jetzt hin das der linke Abstand 4% + 120px groß ist und die Breite des divs nicht über die des Fensters geht? Im Body kann ich keine 4% angeben da die Seite mit Grafiken unterlegt wird. Und das div braucht die Breitet um ein Element zentrieren zu können? Und wieso soll padding dazugezählt werden? Es handelt sich doch hierbei nur um den Innenabstand eines Objekts.

Danke Gruß Andreas
 
Das klingt so als ob du etwas zu komplizert denkst. Die 96% sind doch nur der Rest. D.h. gibt dem body einen padding von 4%, dann kommt das Element mit 120px und daneben der Rest.

In etwa so:
HTML: 
<!doctype html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
body {
    margin:0;
    padding-left:4%;
}
#links {
    background-color:#c0c0c0;
    width:120px;
    float:left;
}
#inhalt {
    background-color:#f99;
    margin-left:120px;
}
</style>


</head>

<body>

<div id="links">links 
</div>
<div id="inhalt">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben