Wohin mit clear both
#1
Hallo,

bin am verzweifeln, bin gerade dabei ein Template auf den Kopf zu stellen, zwischen dem Menü und Content habe ich noch ein Bereich für adsense gemacht, also schön mit Float ...

Jetzt habe ich das Problem, das ich nicht weis wohin ich das clear:both setzten soll ...

Im Content wollte ich zb einen Linken Container für das PHP icon und auf der rechten Seite eines für Intro ...

Hier mal die Seite:

http://filezilla-client.de/test/anklam/ws/

Mir ist gerade aufgefallen, das sobald ich style="clear ... schreibe, der Content soweit herunter geht, das es unterhalb vom menü weitergeht.

Ciao Alex
Zitieren
#2
...
wenn ich nicht ganz falsch liege

Code:
<div style="float: right;">
    <p>Code: <a href="#">Max Mustermann</a></p>
    <p>Workshop: <a href="#">David Mustermann</a></p>
  </div>
[B]<div style="clear: right;">&nbsp;</div>[/B]
</div>

Cu Helmut
Zitieren
#3
Hallo Helmut,

[HTML] <div style="float: right;">
<p>Code: <a href="#">Max Mustermann</a></p>
<p>Workshop: <a href="#">David Mustermann</a></p>
</div>
<p style="clear: right;">&nbsp;</p>[/HTML]

mit p statt div am ende
machts ne wende
zum clearen
scheints zu funktionieren Smile

Haha: Wenn ich das im Content eingebe: http://www.css4you.de/clear.html Habe ich eine morz lücke ...

[Bild: TH_103efd2f844c48e90df32769148bb4ac.png]

Ciao Alex
Zitieren
#4
Hallo Helmut,

funktioniert nicht wirklich ...

[Bild: TH_e10b758c37ac050c230b178e5ce471c0.png]

Ich glaube es wäre mal besser wenn man side-bar, right-side-bar und main-copy richtig floatet ...

Ciao Alex
Zitieren
#5
Nicht both nehmen sondern right, dann gehts.
Zitieren
#6
...
oder so:

Code:
<div class="intro">

<div style="background-image: url(img/php.png); background-repeat:no-repeat;  padding: 30px 10px 30px 180px;  vertical-align: center; margin-top: 20px; min-height: 100px">
<ul>    
<li>Code: <a href="#">Max Mustermann</a><br>
<li>Workshop: <a href="#">David Mustermann</a>
</ul>
</div>

...

Cu Helmut
Zitieren
#7
Seramis schrieb:Nicht both nehmen sondern right, dann gehts.

Hallo Seramis,

wo meinst du?

Ciao Alex
Zitieren
#8
Hallo,

was ich super finde, im header geht das mit dem float http://filezilla-client.de/test/anklam/ws/

Ciao Alex
Zitieren