Hallo,
ich habe mittels 'div id' ein Image integriert. Direkt unter dem Foto soll ein Text "Muster" stehen.
ich habe es über span, p class und div id versucht - leider ohnen Erfolg. Im FF sieht es gut aus. Im IE ist der Abstand zum Foto viel größer und dadurch sprengt es das Layout nach unten bzw. der text sitzt nicht direkt unter dem Foto.
Rohrmeier Markenschuhe: Ihr Markenschuhaus in Aschaffenburg
Es wäre super wenn mir jemand einen Tipp geben kann.
Vielen dank vorab - Jilli
----------------------------------------
.htm-Code
------------------------------------------------
css-code:
ich habe mittels 'div id' ein Image integriert. Direkt unter dem Foto soll ein Text "Muster" stehen.
HTML:
<div id="rechts_danke">
<img src="images/p13_danke.jpg" width="272" height="380" alt="aktuellen Prospekt ansehen"></img></a>
<p style="color:#ffffff; font-size:9pt;">Muster</p>
</div>ich habe es über span, p class und div id versucht - leider ohnen Erfolg. Im FF sieht es gut aus. Im IE ist der Abstand zum Foto viel größer und dadurch sprengt es das Layout nach unten bzw. der text sitzt nicht direkt unter dem Foto.
Rohrmeier Markenschuhe: Ihr Markenschuhaus in Aschaffenburg
Es wäre super wenn mir jemand einen Tipp geben kann.
Vielen dank vorab - Jilli
----------------------------------------
.htm-Code
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Rohrmeier Markenschuhe: Ihr Markenschuhaus in Aschaffenburg</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="nav.css" type="text/css" />
<link rel="stylesheet" href="danke.css" type="text/css" />
<script language="JavaScript">
function NeuFenster1()
{
MeinFenster =
window.open("datenschutz.htm", "Zweitfenster","width=450,height=290,scrollbars,menubar");
MeinFenster.focus();
}
</script>
</head>
<body>
<div id="layout">
<div id="logo"><img src="images/rohrmeier_logo.gif" />
<span>Rohrmeier Markenschuhe</span>
</div>
<ul id="nav">
<li><a href="index.htm" title="zur Startseite">Home</a></li>
<li><a href="marken.htm">Markenwelt</a></li>
<li><a href="angebote.htm">Angebote</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
</ul>
<div class="clear abstand"></div>
<div id="links">
<div id="Textdanke">
<p class="Textdanke_fett">Vielen Dank für Ihr Interesse.</p>
In Kürze erhalten Sie von uns eine Bestätigungsmail. Speichern Sie bitte die Mailadresse in
Ihr Adressbuch. Damit gewährleisten Sie, dass die Ihnen zugesandten Prospekte nicht von Ihrem Spam-Filter abgefangen werden.
</div>
</div>
<div id="rechts_danke">
<img src="images/p13_danke.jpg" width="272" height="380" alt="aktuellen Prospekt ansehen"></img></a>
<p style="color:#ffffff; font-size:9pt;">Muster</p>
</div>
<div id="fusszeile">
<div id="fuß_links">Rohrmeier Markenschuhe: Tel.: 0 60 21 / 4 81 64 | Öffnungszeiten: Mo - Fr 9:30 - 19:00 Uhr, Sa 9:00 - 18:00 Uhr </div>
<ul id="fuß_rechts">
<li><a href="impressum.htm">Impressum</a></li>
<li><a href="javascript:NeuFenster1()">Datenschutz |</a></li>
</ul>
</div>
</div>
</body>
</html>------------------------------------------------
css-code:
Code:
/* Inhalt Textelemente*/
#Textdanke{
width: 450px;
height: 200px;
background-color: #e2001a;
font-size:10pt;
color: #FFFFFF;
float:left;
margin: 22px 0 0 40px;
}
p.Textdanke_fett {
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
}
#rechts_danke {
width: 274px;
height: 394px;
background-color: #BEBFC1;
float: right;
padding: 20px;
border: 3px solid #ffffff;
}
#rechts_danke img {
float:left;
border: 2px solid;
border-color: White;
}
#rechts_danke span {
display:none;
}