nicht angemeldet
<p>erzeugt Abstand außerhalb des <div>
MudGuardHallo benutze Firefox 3 und xhtml 1.1
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="xhtml11.xsd" xml:lang="de">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<meta name="author" content="" />
<title>PHP 5 + XHTML 1.1 + CSS 2.1</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="logo_menu">
<div id="menu">
Bla Bla
</div>
<div id="logo">
<p>Bla Bla</p>
</div>
</div>
</body>
</html>
@CHARSET "UTF-8";
#logo_menu
{
float: left;
width: 151px;
margin:20px 0px 0px 20px;
padding:0px;
background-color: #54ff32;
}
#logo
{
float:none;
width:151px;
height:151px;
text-align:center;
margin:0px;
padding:0px;
background-image:url(images/ctplogo.png);
background-color:000000;
background-repeat:no-repeat;
}
#menu
{
float:none;
width:auto;
height: 300px;
margin:0px;
padding:0px;
background-color: #ffccff;
}
Sobald ich ein <p></p> einfüge entsteht ein Absatz außerhalb des <div>
wie über "logo"
-
Ach ja meine Frage :) Wie kann ich diesen Absatz verhindern und trozdem <p> verwenden?
Komische Bedienung in dem Forum hier :/
-
Hi,
Sobald ich ein <p></p> einfüge entsteht ein Absatz außerhalb des <div>
wie über "logo"Klar, wegen der "collapsing margins" (siehe http://www.w3.org/TR/CSS21/box.html#collapsing-margins).
cu,
Andreas--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
Klar, wegen der "collapsing margins" (siehe http://www.w3.org/TR/CSS21/box.html#collapsing-margins).
THX Hat zwar etwas gedauert aber der Link war doch recht Hilfreich. Hab also dem <p> nen margin:0px verpasst und nu is alles wieder in Butter. :)
-
-
Hallo,
benutze Firefox 3 und xhtml 1.1
Liegen DTD und Schema wirklich im selben Verzeichnis?
(Wenn du nicht verstehst, was das bedeutet, solltest du vielleicht ein anderes http://de.selfhtml.org/html/allgemein/grundgeruest.htm#xhtml@title=Dokument-Grundgerüst verwenden. Besser XHTML 1.0 Strict.)Sobald ich ein <p></p> einfüge entsteht ein Absatz außerhalb des <div>
wie über "logo"Die meisten Browserstylesheets beinhalten ein margin-top für p-Elemente. Da der Container #logo weder padding-top noch border-top hat, wird das margin außerhalb des Containers angewendet.
Wenn du keinen Abstand willst, dann setze margin (zumindest margin-top) für p-Elemente entsprechend auf 0.Mathias
-
Liegen DTD und Schema wirklich im selben Verzeichnis?
(Wenn du nicht verstehst, was das bedeutet, solltest du vielleicht ein anderes http://de.selfhtml.org/html/allgemein/grundgeruest.htm#xhtml@title=Dokument-Grundgerüst verwenden. Besser XHTML 1.0 Strict.)Ich glaube ich weiß was ich tue :D und ja die Beiden liegen im Root-Verzeichniss.
Wenn du keinen Abstand willst, dann setze margin (zumindest margin-top) für p-Elemente entsprechend auf 0.
Jo hab ich auch gemacht, danke.
-