✔ Irgendwie nicht zufrieden

[Maik]

Füge mal die fett markierten Regelerweiterungen im CSS-Code ein:

p
{
        margin-top:0px;
        margin-left:10px;
        margin-right:5px;
        margin-bottom: 2px;
}

.left
{
        float:left;
        margin-top: 5px;
        margin-bottom:0px;
}

.right
{
        float:right;
        margin-top: 5px;
        margin-bottom:0px;
        margin-right:10px;
        width:280px;
}

und entferne ggfs. im HTML-Quelltext die Leerzeichen / Zeilenumbrüchen (= whitespaces) rund um die img-Elemente, da der IE sie zu gerne mit einer Verschiebung des nachfolgenden Inhalts quittiert.

 

[GreenThunder]

Dankeschön.

Wenn ich wieder ein Problem habe, öffne ich den Thread wieder

 

[GreenThunder]

Dankeschön.

Wenn ich wieder ein Problem habe, öffne ich den Thread wieder

So, da hab ich wieder ein Problem.
Nach längerer Zeit hab ich gestern weiter an der Seite gearbeitet und natürlich mal wieder vergessen das Ergebnis stets im IE zu überprüfen und was fällt mir da heute früh auf? Das Layout ist schonwieder etwas verschoben.
Eigentlich hab ich gar nicht am Layout was verändert, nur das Titelbild aus dem "Content"-Bereich genommen und die "Content"-Länge verkürzt.

http://phoenix2001.ph.funpic.de/website/index.php

Kann mir jemand vielleicht helfen?

html, body 
{
	margin: 0;
	padding: 0; 
}
 
body   
{	
	text-align:center;
 	font-family:Verdana, Arial, Serif ;
	font-size:9px;
	overflow:auto;
	color:#ffffff;
	background: #979797 url(../bilder/grunge.gif) no-repeat 50% 0;
}

 
p    
{
	margin-top:0px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px; 
}

.menu
{
	text-align:center;
}

a:link, a:visited, a:active, a:hover
{ 
  	text-decoration:none;
  	font-weight:bold;
  	color:#EEF700;
  	font-size:10px;
} 

img 
{
	margin-right: 4px;
}

.mitte 
{
	margin: 0 auto;
	width: 600px;
	text-align: left;
}
  
img 
{
	border:none;
}

a:active, a:hover 
{ 
 	text-decoration:underline;
}

.left 
{
	float:left;
	margin-bottom:0px;
	margin-top: 5px;
}

.right 
{
	float:right;
	margin-bottom:0px;
	margin-right:10px;
	margin-top: 5px;
	width:280px;
}

.ueberschrift 
{
  	background-color:#F7C300;
  	color:#000099;
  	font-weight:bold;
  	width:580px;
  	padding-left:2px;
}

.ueberschriftstart 
{
  	background-color:#F7C300;
  	color:#000099;
  	font-weight:bold;
  	width:270px;
  	padding-left:2px;
	padding-bottom:0px;
}

.text 
{
  	margin-left:10px;
  	margin-bottom:10px;
  	width:270px;
}
  
.textdatum
{
	color:#979797;
}  

.textarchiv 
{
  	margin-left:10px;
  	margin-bottom:10px;
  	width:290px;
}

#content 
{
	margin:0px;
	float:left; 
	width:600px;
	height:660px;
	padding:0px;
	border:1px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #000099;
	color: #FFFFFF;
   	overflow-y:auto;
	overflow-x:hidden;
}
 
table 
{
	margin-left:10px;
} 
    
td.mitglieder
{
   padding-left:25px;
   padding-right:25px;
   font-size:9px;
   padding-top:15px;
}

td
{
   padding-left:5px;
   padding-right:5px;
   font-size:9px;
   padding-top:5px;
}

.admin
{
	font-size:12px;
	font-weight:bold;
}

.Feld 
{ 
	color:#fff; 
	background-color:#009; 
	width:300px; 
	border:1px 
	solid #fff; 
	font-size:11px;
}

.Button 
{ 
	background-color:#fff; 
	color:#009; 
	width:200px; 
	border:1px solid #999; 
	font-size:11px;
}

 

[Quaese]

Hi,

Du hast für Bilder (IMG) einen rechten Aussenabstand von 4 Pixeln festgelegt. Vielleicht hilft es, im Headerbild
diesen Wert wieder auf Null zu setzen. Ausserdem solltest Du das gleiche Bild mit display: block auszeichnen.
Damit verschwindet der Spalt darunter.

<img src="bilder/titel.jpg" style="display: block; margin-right: 0;" alt="Fanclub Phoenix 2001"/>

Ciao
Quaese

 

[GreenThunder]

Besten Dank!