Hallo an alle,
ich benutze dieses Forum schon seit einiger Zeit.
Konnte mir bis jetzt mit Suchefunktion helfen.
Erstmal großes Lob an die Gemeinde!
Super Forum!
Jetzt zu meinem Problem.
Ich bastele gerade na eine Seite für Battlefield 2 Clan.
In DIV (unterkopf) habe ich mehrere Grafiken in eine Reihe.
Deutsche Flagge soll ganz rechts stehen.
In IE funzt auch, aber in FF rutscht die runter.
CSS
body {
width : auto;
font : 100.01% Verdana, Arial, Helvetica, sans-serif;
min-height : 101%;
background-color : #0c0e12;
}
#kopfbereich {
margin : 0 0 0 0;
padding : 0.2em 0 0 0;
background-color : #0c0e12;
border : 1px solid #ffffff;
}
#flagdeu {
width : 50px;
float : right;
margin : 0 0 0 0;
padding : 0 0 0 0;
border : 1px solid #ffffff;
}
#unterkopf {
width : auto;
margin : 0 0 0 0;
padding : 0.1em 0.1em 0.1em 0.1em;
background-color : #0c0e12;
border : 1px solid #ffffff;
overflow : auto;
}
.menu1 {
padding : 0 0 0 32px;
margin : 0;
list-style : none;
height : 35px;
background : #fff url(images/button1.gif);
position : relative;
border : 1px solid #000;
border-width : 0 1px;
border-bottom : 1px solid #444;
}
.menu1 li {
float : left;
}
.menu1 li a {
display : block;
float : left;
height : 35px;
line-height : 35px;
color : #aaa;
text-decoration : none;
font-size : 11px;
font-family : arial, verdana, sans-serif;
font-weight : bold;
text-align : center;
padding : 0 0 0 8px;
cursor : pointer;
}
.menu1 li a b {
float : left;
display : block;
padding : 0 16px 0 8px;
}
.menu1 li.current a {
color : #fff;
background : url(images/button3.gif);
}
.menu1 li.current a b {
background : url(images/button3.gif) no-repeat right top;
}
.menu1 li a:hover {
color : #fff;
background : #000 url(images/button2.gif);
}
.menu1 li a:hover b {
background : url(images/button2.gif) no-repeat right top;
}
.menu1 li.current a:hover {
color : #fff;
background : #000 url(images/button3.gif);
cursor : default;
}
.menu1 li.current a:hover b {
background : url(images/button3.gif) no-repeat right top;
}
.menue {
list-style-type : none;
margin : 0;
padding : 0;
}
.menue li a, .menue li a:visited, .menue li a:active {
width : 200px;
height : 50px;
text-decoration : none;
color : #000000;
background : url(images/menueorg.gif);
font-size : 9pt;
font-family : verdana, arial, helvetica, sans-serif;
font-weight : bold;
text-align : left;
display : block;
line-height : 45px;
text-indent : 44px;
}
.menue li a:hover {
background : url(images/menueorg1.gif);
background-position : center;
font-weight : bold;
text-decoration : none;
font-size : 9pt;
text-align : left;
display : block;
height : 47px;
line-height : 45px;
text-indent : 44px;
color : #ffffff;
}
#links {
float : left;
width : 13em;
margin-top : 0.2em;
background-color : #010307;
height : 100%;
border : 1px solid #ffffff;
}
#rechts {
float : right;
width : 13em;
margin : 0.2em 0 0 0;
color : #ffffff;
background-color : #08090a;
border : 1px solid #000000;
padding : 10px;
}
#mitte {
margin : 0.2em 14.5em 1em 13.2em;
float : none;
background-color : #6a7182;
text-align : center;
border : 1px solid #000000;
}
#nocheat {
padding : 0 0 0 1.5em;
border : 3px solid #ff0000;
}
#stats {
color : #ffffff;
text-align : center;
line-height : 40px;
margin-top : 10px;
border : 1px solid #000000;
}
#welcome {
margin : 0 0 0 0;
background-color : #626b82;
color : #000000;
}
Alles anzeigen
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="de" lang="de">
<head>
<title>gF==>Clan gefährlich Fanatiker</title>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="style.css" type="text/css"/>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="content-language" content="de" />
<meta name="author" content="[Z4r_Putin]" />
<meta name="publisher" content="[Z4r_Putin]" />
<meta name="copyright" content="[Z4r_Putin]" />
<meta name="keywords" content="bf2,clan" />
<meta name="description" content="info homepage" />
<meta name="page-topic" content=" " />
<meta name="page-type" content=" " />
<meta name="language" content="Deutsch" />
<meta name="revisit" content="After 30 days" />
<meta name="robots" content="INDEX,FOLLOW" />
</head>
<body>
<div id="kopfbereich">
<!-- ab hier Banner oben -->
<img src="images/logo22.jpg" width="129" height="200" alt=""/>
<img src="images/banner.gif" width="800" height="200" alt=""/>
<img src="images/fanatiker.jpg" width="200" height="200" alt=""/>
<!-- bis hier Banner oben -->
</div>
<div id="unterkopf">
<img src="images/Russia.gif" width="50" height="50" alt=""/>
<img src="images/bf2_transparent_logo_k.png" width="40" height="50" alt=""/>
<img src="images/bf2sf_transparent_logo_k.png" width="40" height="50" alt=""/>
<img src="images/bf2ef_transparent_logo_k.png" width="40" height="50" alt=""/>
<img src="images/bf2af_transparent_logo_k.png" width="40" height="50" alt=""/>
<div id="flagdeu">
<img src="images/Germany.gif" width="50" height="50" alt=""/>
</div>
</div>
<div id="links">
<!-- ab hier Steuerung -->
<ul class="menue">
<li><a href="index.html">Startseite</a></li>
<li><a href="javascript:opengb()">Gästebuch</a></li>
<li><a href="regeln.html">Regeln</a></li>
<li><a href="info.html">Info</a></li>
<li><a href="spielhalle.html">Spielhalle</a></li>
<li><a href="sonstiges.html">Sonstiges</a></li>
</ul>
<!-- bis hier Steuerung -->
<div id="nocheat">
<img src="images/nocheat.gif" width="150" height="150" alt=""/>
</div>
</div>
<div id="rechts">
a
</div>
<div id="mitte">
<div id="welcome">
a
</div>
a
</div>
</body>
</html>
Alles anzeigen
Vielen Dank in voraus.
Gruß MEGATRON
