• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[CSS] Inline problem

Z

zsoerenm

New member
Hallo

Ich bin dabei eine neue Seite zu designen...

Hier mein bisheriger code:
Code: 
body {
font-size: 11px;
text-align:center;
font-family:tahoma, verdana, arial, sans-serif;
background-color:#000000;
margin: 0;
color:#FFFFFF;
}
#left_side {
display:inline;
margin:0;
padding:0;
}
#right_side {
display:inline;
margin:0;
padding:0;
}
#mainpage {
display:inline;
margin:0;
padding:0;
}

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Psy Tournament</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
    <div id="page">
    	<div id="left_side">
        <img src="images/main/frame_left.jpg" />
        </div>
        <div id="mainpage">
        <img src="images/main/banner.jpg" />
        </div>
        <div id="right_side">
        <img src="images/main/frame_right.jpg" />
        </div>
    </div>
<body>
</body>
</html>

und so sieht mein resultat aus:
cssproblemuw4.jpg


Warum ist banner.jpg hier so weit unten? Und warum sind zwischen den 3 Bilder schwarze lücken?
Wie kann ich das anders lösen?

Danke schon mal für eure antworten :)
 
mh da gibt es jedoch ein kleines Problem...

Ich erstelle hier ja das äußere design. Ich möchte gerne aber innen auch noch eine navigation links erstellen, so dass das auch gefloatet werden muss.

Nach meinem Wissen geht das dann nicht da der andere float noch nicht gecleared ist.

Gruß Sören
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben