Autor |
Nachricht |
ELfivEL
Threadersteller
Dabei seit: 09.10.2005
Ort: Dormagen
Alter: 36
Geschlecht:
|
Verfasst Mo 17.07.2006 15:10
Titel Inhalt anpassen [Padding] |
|
|
Guten Tag auch,
folgende Frage beschäftigt mich und damit ich mir mein Gehirn nicht weiter zermatern muss, stell ich sie einfach mal.
Wie begrenzt ihr euren >Content< Bereich auf der Seite?
Bisher habe ich immer die Breite der Box angepasst, damit die korrekte Darstellung erhalten bleibt, aber obwohl es eigentlich eine korrekte Umsetzung ist, gefällt Sie mir nicht, und eigentlich würd ich die Breite gerne bei 200px belassen, ohne die 20px vom Inner-Abstand wieder abzurechnen.. Hier mal die Grafik:
Edit:
Also 2 Möglichkeiten hat man ja..
a) Man passt die Grösse der Box an, soll heissen, man subtrahiert den Innen-Abstand von der Boxgrösse
b) Man setzt eine zweite Box in die Box rein, vergibt ihr die gewünschte Breite und platziert sie mittig
Welche Art präferiert Ihr?
Zuletzt bearbeitet von ELfivEL am Mo 17.07.2006 16:00, insgesamt 1-mal bearbeitet
|
|
|
|
|
Backware
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Mo 17.07.2006 16:57
Titel
|
|
|
da ie und/oder firefox padding auf ne absolute breite draufrechnen... arbeite ich mit 2 ineinanderverschachtelten div-boxen, wobei die innere das padding regelt die äußere die breite
|
|
|
|
|
Anzeige
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 17.07.2006 18:05
Titel
|
|
|
Kannst den inneren Elementen aber auch
einfach ein margin-left/right verpassen
(und das padding knicken).
|
|
|
|
|
ELfivEL
Threadersteller
Dabei seit: 09.10.2005
Ort: Dormagen
Alter: 36
Geschlecht:
|
Verfasst Di 18.07.2006 14:15
Titel
|
|
|
Raumwurm hat geschrieben: | Kannst den inneren Elementen aber auch
einfach ein margin-left/right verpassen
(und das padding knicken). |
Das gibt im FF und IE darstellungsfehler =).. Grafik dazu häng ich gleich an
Hier mal die INNERE Box mit Padding:
Und hier mit Margin auf der INNEREN Box:
Zuletzt bearbeitet von ELfivEL am Di 18.07.2006 14:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
Backware
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Di 18.07.2006 14:54
Titel
|
|
|
Raumwurm hat geschrieben: | Kannst den inneren Elementen aber auch
einfach ein margin-left/right verpassen
(und das padding knicken). |
Ich benutz es wofür es da ist
padding ist für inneren abstand da, margin für äußeren... ich ersetz das eine nicht durch das andere.. nur damit ich dann in einer website komplett überall nur "margin: foopx;" hab...
Zuletzt bearbeitet von Backware am Di 18.07.2006 14:54, insgesamt 1-mal bearbeitet
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.07.2006 15:19
Titel
|
|
|
ELfivEL hat geschrieben: | Raumwurm hat geschrieben: | Kannst den inneren Elementen aber auch
einfach ein margin-left/right verpassen
(und das padding knicken). |
Das gibt im FF und IE darstellungsfehler =).. Grafik dazu häng ich gleich an
Hier mal die INNERE Box mit Padding:
Und hier mit Margin auf der INNEREN Box:
|
Ja nee, das padding-top und padding-bottom kann ja drin bleiben
(außer du definierst eine höhe des umliegenden divs). nur
margin-right und margin-left für innernen elemente (h1, h2, p etc...)
definieren. Weißt was ich mein?
Ich frickel mal eben was zusammen - moment.
// edith: Also so quasi (der * selector ist natürlich nicht zu empfehlen)
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
DIV#drueber, DIV#drunter {
display:block;
width:200px;
padding: 5px 0px;
background:pink;
}
DIV#drumherum {
display:block;
width:200px;
padding: 5px 0px;
background:yellow;
}
DIV#drumherum * {
margin: 0px 20px;
background:green;
}
-->
</style>
</head>
<body>
<div id="drueber"></div>
<div id="drumherum">
<p>Impressum</p>
</div>
<div id="drunter"></div>
</body>
</html>
|
Zuletzt bearbeitet von Raumwurm am Di 18.07.2006 15:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
Backware
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Di 18.07.2006 15:40
Titel
|
|
|
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 18.07.2006 15:45
Titel
|
|
|
Backware hat geschrieben: | |
wieso nicht?
|
|
|
|
|
|
|
|
Ähnliche Themen |
div an Inhalt anpassen
Div an Inhalt anpassen
Ai: Rahmen an Inhalt anpassen?
Popupgröße an Inhalt anpassen
Inhalt an Fenstergröße Anpassen
browserfenster dem inhalt anpassen
|
|