Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon michaar vom 10.04.2019, 17:29 Options
Margin ist nur links und rechts zu sehen. Was tun?
Also ich hab folgendes Problem:
Ich hab versucht statt border und padding margin zu benutzen, um das IE-Problem zu "überlisten". Nun sieht man aber im FF nur das eigestellte margin links und rechts.
Was muss ich tun, damit es oben und unten genauso aussieht, wie links und rechts, sprich, dass das margin für links/rechts/oben/unten gilt anstatt nur für links/rechts.
Hier das Ganze mal zum Anschauen:
<html>
<head>
<title></title>
<style type="text/css">
#a {
background-color: #003366;
height: 80px;
padding: 0;
border: 0;
margin: 0;
}
#b {
background-color: #e1e4fd;
height: 100%;
padding: 0;
border: 0;
margin: 2px;
}
#c {
background-color: #11e4fd;
height: 100%;
padding: 0;
border: 0;
margin: 6px;
text-align: center;
color: #000000;
font-family: verdana, arial;
font-size: 16px;
}
</style>
</head>
<body>
<div id="a">
<div id="b">
<div id="c">
Text
</div>
</div>
</div>
</body>
</html>
Ach, und bitte helft mir lieber bei der Lösung meines Problems, als über die "div-suppe" zu meckern.
Ich bin für jegliche Hilfe dankbar!
Ich hab versucht statt border und padding margin zu benutzen, um das IE-Problem zu "überlisten". Nun sieht man aber im FF nur das eigestellte margin links und rechts.
Was muss ich tun, damit es oben und unten genauso aussieht, wie links und rechts, sprich, dass das margin für links/rechts/oben/unten gilt anstatt nur für links/rechts.
Hier das Ganze mal zum Anschauen:
<html>
<head>
<title></title>
<style type="text/css">
#a {
background-color: #003366;
height: 80px;
padding: 0;
border: 0;
margin: 0;
}
#b {
background-color: #e1e4fd;
height: 100%;
padding: 0;
border: 0;
margin: 2px;
}
#c {
background-color: #11e4fd;
height: 100%;
padding: 0;
border: 0;
margin: 6px;
text-align: center;
color: #000000;
font-family: verdana, arial;
font-size: 16px;
}
</style>
</head>
<body>
<div id="a">
<div id="b">
<div id="c">
Text
</div>
</div>
</div>
</body>
</html>
Ach, und bitte helft mir lieber bei der Lösung meines Problems, als über die "div-suppe" zu meckern.
Ich bin für jegliche Hilfe dankbar!
Antwort 1 von harrrharrr vom 10.04.2019, 19:21 Options
Vielleicht schaust du dir das erstmal an:
http://de.selfhtml.org/css/eigenschaften/randabstand.htm
das ist Unsinn,oder wolltest du das:
<body>
<div id="a">Text</div>
<div id="b">Text</div>
<div id="c">Text</div>
</body>
Gruß
harrr
http://de.selfhtml.org/css/eigenschaften/randabstand.htm
Zitat:
<body>
<div id="a">
<div id="b">
<div id="c">
Text
</div>
</div>
</div>
</body>
<body>
<div id="a">
<div id="b">
<div id="c">
Text
</div>
</div>
</div>
</body>
das ist Unsinn,oder wolltest du das:
<body>
<div id="a">Text</div>
<div id="b">Text</div>
<div id="c">Text</div>
</body>
Gruß
harrr
Antwort 2 von michaar vom 10.04.2019, 20:42 Options
@ harrrharrr
Nein, das hab ich mit Absicht so gemacht.
Schau dir das Ganze doch mal mit dem IE an. Dann verstehst du worum es mir dabei geht.
(Nur sieht man es halt leider im FF nicht so wie ich es im Sinn hatte.)
Ich hoffe, dass du mir dann weiterhelfen kannst...
Nein, das hab ich mit Absicht so gemacht.
Schau dir das Ganze doch mal mit dem IE an. Dann verstehst du worum es mir dabei geht.
(Nur sieht man es halt leider im FF nicht so wie ich es im Sinn hatte.)
Ich hoffe, dass du mir dann weiterhelfen kannst...
Antwort 3 von harrrharrr vom 10.04.2019, 21:06 Options
Dann probiers mal im Opera, da wird das auch nichts.
Meiner Meinung nach ein Zufallsprodukt des IE, zumal keinerlei Doctype angaben.
Ich empfehle dir, dich erst mal in die Materie einzulesen, bevor du "rumprobierst".
Gruß
harrr
Meiner Meinung nach ein Zufallsprodukt des IE, zumal keinerlei Doctype angaben.
Ich empfehle dir, dich erst mal in die Materie einzulesen, bevor du "rumprobierst".
Gruß
harrr
Antwort 4 von rfb vom 11.04.2019, 09:16 Options
Was harrharr schon andeutete: du nutzt keine DOCTYPE also geht der Browser in den Quirksmodus, dem Modus in dem er versucht zu raten was du gemeint haben könntest. Jeder Browser rät anders, entsprechend vielfältig sind die Ergebnisse.
Schick die Browser also erst einmal in den Standardmodus mittels gültiger und vollständiger DOCTYPE-Declaration, dann erst lässt sich das Browserverhalten vernünftig vorhersagen.
Schick die Browser also erst einmal in den Standardmodus mittels gültiger und vollständiger DOCTYPE-Declaration, dann erst lässt sich das Browserverhalten vernünftig vorhersagen.
Ähnliche Themen
Horizontales und vertikales Zentrieren eines div-Containers mit CSS
derpfleger 05.08.2006 - 7580 Hits - 1 Antwort
Listen mit CSS in IE, Firefox und Opera gleich ausrichten.
derpfleger 03.10.2007 - 2298 Hits -
css: container rechts neben anderem container...wie?
tobiass 18.03.2007 - 56 Hits - 2 Antworten
das mit dem strg und umschalttaste will nicht so wie ich das möchte
xmellix 28.04.2008 - 24 Hits - 2 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
