Hallo,
leider habe ich mal wieder ein CSS Problem im IE 6.
zur WebSite
In den Rubriken News, Vita, Imprint und clients wird der Text (im pinken Rahmen) zu weit rechts platziert. Der Text soll linksbündig mit dem dem Wort Imprint (Navigation) platziert werden.
Was habe ich falsch gemacht?
Danke vorab - Jilli
vita.htm:
CSS-Code:
leider habe ich mal wieder ein CSS Problem im IE 6.
zur WebSite
In den Rubriken News, Vita, Imprint und clients wird der Text (im pinken Rahmen) zu weit rechts platziert. Der Text soll linksbündig mit dem dem Wort Imprint (Navigation) platziert werden.
Was habe ich falsch gemacht?
Danke vorab - Jilli
vita.htm:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>roosen photography</title>
<link rel=stylesheet type="text/css" href="inhalt.css" />
<link rel="stylesheet" media="all" type="text/css" href="gallery09.css" />
</head>
<body>
<div id="rahmen">
<div id="logo"><img src="logo.gif" alt="" width="95" height="94" border="0"></div>
<div id="nav">
<div class="nav nav_1"><a class="textlink" href="pf09.htm">portfolio 2009</a></div>
<div class="nav nav_11"><a class="textlink" href="pf98_08.htm">portfolio 1998-2008</a></div>
<div class="nav nav_4"><a class="textlink" href="ad.htm">advertising</a></div>
<div class="nav nav_5"><a class="textlink" href="clients.htm">clients</a></div>
<div class="nav nav_6"><a class="textlink" href="vita.htm">vita</a></div>
<div class="nav nav_8"><a class="textlink" href="news.htm">news</a></div>
<div class="nav nav_9"><a class="textlink" href="imprint.htm">imprint</a></div>
</div>
<div id="content">
<div id="text">
<p><b>vita</b><br>
<b>jahrgang 1966</b>
<p>
<b>1987-1990</b><br>
fotografenausbildung in frankfurt/main
<p>
<b>1990-1992</b><br>
ausbildung zum bildjournalisten bei dpa in frankfurt/main
<p>
<b>1992-1996</b><br>
freier bildjournalist für dpa in frankfurt/main
<p>
<b>seit 1996</b><br>
fotograf mit eigenem studio in frankfurt/main </p>
</div>
</div>
</div>
</body>
</html>CSS-Code:
Code:
* {
padding:0px;
margin:0px;
}
body
{
font-family:verdana;
font-size:11px;
color:#000000;
background-color: #E6E6E6;
text-align:center;
line-height:0.47cm;
}
h1 {font-size:12px;color:#10007C;margin:0px;font-weight:bold;}
h2 {font-size:13px;color:#ff6900;margin:0px;}
#rahmen {
width:1100px;
height:750px;
border:5px solid #E6E6E6;
margin:55px auto;
text-align:left;
background-color:#ffffff;
}
#logo {
float:right;
margin:10px 15px 10px 0 !important; margin:10px 3px 10px 0;
}
#nav {
float:left;
margin:85px 0 7px 54px;
}
/*Hier beginnt die Navigation*/
/*a {
display:block;
height:2em;
}*/
div.nav {
float:left;
color:#000000;
text-decoration:none;
font-family:verdana;
font-size:1.2em;
text-transform: none;
border:1px solid white;
}
#nav div {margin-right:15px;}
div.nav a:visited {
color:#000000;
}
div.nav a:hover {
color:#FF00CC;
}
div.nav a:active {
color:#FF00CC;
}
/*Ende Navigation*/
#content {
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#dcdcdc;
float:left;
width:1100px;
height:632px;
}
#text {
float:left;
width:500px;
margin:250px 0 30px 552px;
border:1px solid #ff00E6;
}
#text p {
font-size:1em;
margin:0 0 10px 0 ;
line-height:1.5em;
}
#text_impressum {
float:left;
width:500px;
margin:250px 0 30px 552px;
border:1px solid #ff00aa;
}
#impressum_links {
float:left;
width:200px;
height:240px;
}
#impressum_links a {
display:inline;
}
#impressum_rechts {
float:right;
height:240px;
width:300px;
}
#impressum_rechts a {
display:inline;
}
#link {
padding-left:0px;
margin:0px;
text-decoration:none;
}
.textlink {
color:#000000;
text-decoration:none;
font-size:1em;
text-transform: none;
}
.textlink:visited {
color:#000000;
}
.textlink:hover {
color:#ff00CC;
}
.textlink:active {
color:#ff00CC;
}