zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden nach einem Menü soll eine Box kommen, doch das Menü ist in der Box

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.07.2009, 15:43
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.11.2007
Beiträge: 31
michi-muc befindet sich auf einem aufstrebenden Ast
Standard nach einem Menü soll eine Box kommen, doch das Menü ist in der Box

Ich habe ein Menü erstellt, doch anschliessend soll unterhalb eine Box (#box) erscheinen, doch diese umschliesst alles einschliesslich das Menü!


Menü
----
Box


michi

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>font-style</title>
<style type="text/css">
a.menue_main {	
width: 240px;
padding:7px 0px 7px 0px;			
text-indent:40px;
float: left;
text-align:left;
font-weight: bold;
font-size: 13px;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
}
a.menue_main:hover{	           	
text-indent:40px;
color:#4CA610; 								
}

#box{
border: 1px solid #CCCCCC;
height:100px;
}

	

</style>
</head>
<body>

<a class="menue_main" href="link">link</a>
<a class="menue_main" href="link">link</a>
<a class="menue_main" href="link">link</a>
<div id="box">Inhalt</div>

</body></html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.07.2009, 16:06
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Weil ihr clear: left; fehlt (siehe FAQ).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.07.2009, 16:22
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.11.2007
Beiträge: 31
michi-muc befindet sich auf einem aufstrebenden Ast
Standard

Ok, verstehe (fast), aber die box greift doch nicht ganz. Mein Margin-top wird nicht erkannt? Oder bin ich da auch auf dem Holzweg?



Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>font-style</title>
<style type="text/css">
a.menue_main {	
width: 240px;
padding:7px 0px 7px 0px;			
text-indent:40px;
float: left;
text-align:left;
font-weight: bold;
font-size: 13px;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
clear:left;
}
a.menue_main:hover{	           	
text-indent:40px;
color:#4CA610; 								
}

#box{
margin-top:20px;
clear:left;
border: 1px solid #CCCCCC;
height:100px;
}

	

</style>
</head>
<body>

<a class="menue_main" href="link">link</a>
<a class="menue_main" href="link">link</a>
<a class="menue_main" href="link">link</a>
<div id="box">Inhalt</div>

</body></html>
Mit Zitat antworten
  #4 (permalink)  
Alt 15.07.2009, 16:32
Benutzerbild von Praktikant
Semantikbremse.
XHTMLforum-Kenner
 
Registriert seit: 22.04.2008
Beiträge: 4.985
Praktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz seinPraktikant kann auf vieles stolz sein
Standard

Box brauchst das clear:left; nicht, die Links.

Übrigends gehören Navigationen in Listen
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade!
Mit Zitat antworten
  #5 (permalink)  
Alt 15.07.2009, 16:33
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Der margin-top wird immer erkannt, aber ohne clear beginnt er genau da, wo auch der float beginnt, und mit clear überlappt er den Float, wirkt also erst, wenn er größer ist als die Höhe des Floats (und auch dann logischerweise nur um die Differenz).

Der Float braucht margin-bottom, wenn ein Non-Float (bzw. ein Element, das keinen neuen Block-Formatting-Context erzeugt) nach unten geschoben werden soll.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #6 (permalink)  
Alt 15.07.2009, 17:07
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.11.2007
Beiträge: 31
michi-muc befindet sich auf einem aufstrebenden Ast
Standard

Fast verstehe ich es jetzt, ich habe nun um die Links eine zweite Box gelegt, so das sie jetzt eigentlich untereinander erscheinen sollten.

Code:
a.menue_main {	
width: 240px;
padding:7px 0px 7px 0px;			
text-indent:40px;
float: left;
text-align:left;
font-weight: bold;
font-size: 13px;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
clear:left;
}
a.menue_main:hover{	           	
text-indent:40px;
color:#4CA610; 								
}

#box{
border: 1px solid #CCCCCC;
margin-bottom:20px;
}	

#box1{
border: 1px solid #CCCCCC;
height:100px;
clear:left;
}
Wenn im Inhalt <br><br><br> steht funktioniert es

<div id="box"><br><br><br></div>
<div id="box1">Inhalt</div>



Wenn ich allerdings die Link reinmache, geht es nicht mehr



<div id="box">
<a class="menue_main" href="link">link</a>
<a class="menue_main" href="link">link</a>
<a class="menue_main" href="link">link</a>

</div>
<div id="box1">Inhalt</div>
Mit Zitat antworten
  #7 (permalink)  
Alt 15.07.2009, 17:15
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
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

Das Element #box schließt die Floats nicht ein, es hat die Höhe Null. Deshalb siehst du auch nichts von dem unteren Margin.
Warum floatest du überhaupt deine Links, wenn du sie doch untereinander haben willst?

Nochmal der Hinweis: Eine Navigation gehört in eine Liste, schließlich ist es eine Auflistung von Links.
Und bevor du jetzt weiter mit Float und Clear herumstocherst empfehle ich, zuerst die Artikel unter FAQ Punkt 2 zu studieren. Das Thema ist alles andere als banal -- und du solltest dich zunächst in die Grundlagen einlesen.

Und bitte: Poste nie Schnipsel, sondern immer vollständigen Code. Niemand hat Zeit herumzubasteln. Am besten ist immer noch ein Link zum Problem.
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
Darstellungsproblem flohpapa CSS 3 16.12.2009 08:55
ich habe totale Schwerigkeiten mit Absolute und Relative Positionierung?!? damonster CSS 12 27.08.2008 15:56
Kniffliges Layout mit float Roadrunnerle CSS 6 14.03.2006 11:26
#boxes a:hover.info: 2.posting mit css !!! marioN CSS 5 25.01.2004 17:04
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, marioN CSS 2 19.01.2004 17:17


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:49 Uhr.