Anmelden | Registrieren | FAQ
Anonymous

Anordnung mit float

+ Antwort erstellen

2 Beiträge Seite 1 von 1


Anordnung mit float

von n1roxxer » So Mai 15, 2011 11:48 am

Ich habe eine Frage: Wie kann ich das floaten von Elementen unterbrechen? Wenn ich einen header mache floate ich dort die anderen Elemente und um das floaten dann zu stoppen habe ich im folgenden <p> ein clear:left eingebaut. Geht das einfacher/besser?:

Code: Alles auswählen
<!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>Untitled Document</title>
<style type="text/css">
<!--
#h1 { float:left; }
#tabellen { float:left; }
p { background-color:#C60; }
-->
</style>
</head>

<body>
<div id= "header">
   <div id="h1">
    <h1>HTML</h1>
    </div>
   
<div id= "tabellen">
       <ul>
        <li>1</li>
        <li>2</li>
        </ul>
       
        <ul>
        <li>1</li>
        <li>2</li>
        </ul>
    </div>
</div>
<p style="clear:left">Das hier soll unter den "header"</p>
<p>und das ist einfach ein Text danach</p>
</body>
</html>
Benutzeravatar

n1roxxer

  • Beiträge: 1
  • Registriert: So Mai 15, 2011 11:00 am

Re: Anordnung mit float

von HTML.net » Mo Mai 16, 2011 2:53 pm

Ja. Das ist richtig. Oder Sie können clear: both.

- Andreas, HTML.net
Benutzeravatar

HTML.net
Site Admin

  • Beiträge: 1194
  • Registriert: Sa Sep 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.


+ Antwort erstellen

Seite 1 von 1