zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit float right

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.04.2006, 00:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2006
Beiträge: 8
sprecher01 befindet sich auf einem aufstrebenden Ast
Standard Problem mit float right

hallo, ich verstehe nicht, warum sich die rechte Box (die gefloatet ist) nicht auf der Höhe der linken (gelben) Box (inline) ansiedelt, sondern den Abstand der Höhe der linken Box hält... (bin Beginner)

Nochmal in andern Worten: Die rechte und linke Box sollen auf einer Höhe stehen unter der breiten (roten) Box.

Vielen Dank für Hinweise



Der 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" />
<meta name="generator" content="Adobe GoLive" />
<title>Unbenannte Seite</title>
<style type="text/css" media="screen">

body {
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #505367;
background-color: #000;
}

#container {
margin: 5px auto;
width: 762px;
text-align: left;
background-color: lime;
border: 1px solid #fff;
}

#header {
height: 149px;
background-color: red;
}

#menue {
height: 30px;
background-color: #597845;
}

#content {
float: right;
width: 400px;
height: 200px;
background-color: blue;
}

#sublink {
margin-right: 510px;
margin-left: 20px;
height: 200px;
width: 200px;
background-color: yellow;
}

#footer
{
clear: both;
height: 20px;
background-color: #154789;
}
</style>
</head>

<body>

<div id="container">
<div id="header">
<div id="menue"></div>
</div>
<div id="sublink"></div>
<div id="content"></div>
<div id="footer"></div>

</div>

</body>

</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.04.2006, 00:58
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.03.2005
Beiträge: 286
Chattanooga befindet sich auf einem aufstrebenden Ast
Standard

In Deinem Quelltext kommt zuerst #sublink mit
margin-right: 510px; margin-left: 20px; width: 200px; = zusammen eine Breite von 730px.
Da der #container nur 762px Breite hat, passt #content mit einer Breite von 400px einfach nicht mehr in die Zeile.

Gruß
Chattanooga
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.04.2006, 08:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2006
Beiträge: 8
sprecher01 befindet sich auf einem aufstrebenden Ast
Standard

@ Chattanooga

danke erst mal. Das sehe ich ein. Aber wenn ich jetzt hingehe und z.B. margin-right: 510px & margin-left: 20px entferne, die linke Box also nur noch 200px breit ist, rutscht die rechte Box trotzdem nicht hoch???
Mit Zitat antworten
  #4 (permalink)  
Alt 25.04.2006, 09:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

float wirkt sich nur auf nachfolgende Elemente aus. Du musst also entweder die Reihenfolge umdrehen oder #sublink floaten.
Mit Zitat antworten
  #5 (permalink)  
Alt 25.04.2006, 09:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2006
Beiträge: 8
sprecher01 befindet sich auf einem aufstrebenden Ast
Standard

...DANKE!!! Das hat mir gefehlt... wirkt sich nur auf NACHFOLGENDE Elemente aus. Jetzt klappt das auch.

Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS von Plugin beisst! expand CSS 0 28.09.2012 18:44
Problem mit Float bei divs annon1879 CSS 3 02.03.2012 19:59
Problem mit Positionierung Synoxis CSS 1 23.04.2007 11:49
float / clear - Problem Thies CSS 2 03.11.2005 18:51
Inhalt von float: right wird in Firefox unten angerechnet Sukkulent CSS 5 16.09.2005 23:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:35 Uhr.