zurück zur Startseite
  


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

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.05.2006, 22:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2006
Beiträge: 4
CSSNoobie befindet sich auf einem aufstrebenden Ast
Standard Problem mit float

Hallo zusammen,

wie der Titel schon sagt, habe ich ein Problem mit float:

Code:
    <div id="center">

    <div style="width:800px;">

    <div style="width:100%; height:120px">[img]layout/images/logo.jpg[/img]</div>
    <div style="width:100%; height:50px;">[img]layout/images/pixel.gif[/img]</div>
    <div style="width:150px; float:left;">[img]layout/images/logo2.jpg[/img]</div>
    <div style="width:50px; float:left;">[img]layout/images/pixel.gif[/img]</div>

    <ul class="imagebox">[*]
    [img]layout/images/admin/1.gif[/img]Administer images
    [*]
    [img]layout/images/admin/2.gif[/img]Edit image-categories
    [*]
    [img]layout/images/admin/3.gif[/img]Upload images

    [*]
    [img]layout/images/admin/4.gif[/img]Administer news
    	[/list]
    <ul class="imagebox">[*]
    [img]layout/images/admin/5.gif[/img]Add news
    [*]
    [img]layout/images/admin/6.gif[/img]Select news
    [*]
    [img]layout/images/admin/7.gif[/img]Administer modules
    [*]
    [img]layout/images/admin/8.gif[/img]Logout
    	[/list]
    
    <div style="float:left;">
    <form action="admin.php" method="post">
    <label for="sitename" style="width:200px;">Name of the site: </label><input name="sitenamex" value="" style="width:100px;">

    <label for="adminmail" style="width:200px;">E-mail of the admin: </label><input name="adminmailx" value="" style="width:100px;">
    <input type="hidden" name="op" value="ConfigSave">
    <input type="submit" value="Ändern">
    </form>
    </div>
    

    </div>

    </div>
Das Problem besteht darin, dass die Listen nicht 100% in der Breite sind. So rückt der Code zwischen den Main-Kommentaren einfach immer hinter das letzte Bild. Ebenso schaffe ich es nicht, dass auch wirklich nur vier Bilder nebeneinander stehen. Je nach Länge der Link-Namen habe ich 4 oder mehr Bilder in einer Zeile.

Der Code für die Liste:

Code:
    ul.imagebox {
          width: 100%;
    	margin-left: 0;
    	padding-left: 0;
    	list-style-type: none;
    }

    ul.imagebox li {
          float: left;
    	text-align: center;
    	padding-top: 0.3em;
    	padding-bottom: 0;
          margin: 1em 1em 1em 0;
    }

    ul.imagebox li a {
    	text-decoration: none;
    }

    ul.imagebox li img {
    	margin-top: 0.3em;
    	display: block;
    }
Leider kann ich kein clear nach den beiden Listen einfügen, denn dann würde ja auch der float meines logo2 aufgehoben. Eine absolute Breite bei
ul.imagebox von 600px führte im IE und in Firefox zu sehr unterschiedlichen Darstellungen und ist also auch keine zufriedenstellende Lösung.

Ich hoffe, das mein Problem klar geworden ist und ihr mir helfen könnt.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.05.2006, 09:44
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.042
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Wie wäre es , wenn Du ein testcase online stellst?
Nur in der "richtigen" Umgebung ist so etwas einfach nachzuvollziehen.
Idealerweise ist der Testcase auf das Nötige reduziert.

Danke.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.05.2006, 00:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2006
Beiträge: 4
CSSNoobie befindet sich auf einem aufstrebenden Ast
Standard

Joa, hast recht, dann wird das sicher auch klarer.

Also hier das testcase:

http://www.xeven.net/test.html

Wie man sieht, befindet sich die Form neben dem Logout-Image. Sie soll aber darunter liegen.

Danke.
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
Problem mit CSS Style flo007 CSS 3 25.01.2009 17:08
Problem mit float und margin raz CSS 4 11.12.2008 14:58
Problem mit wiederholenden Hintergrundbild bei 'float' aHofer CSS 2 07.12.2007 00:02
Problem im IE7: div hinter input platzieren per float Heavenfighter CSS 2 19.06.2007 15:50
Float Problem, 4 Inhalts Elemente nebeneinander denny CSS 0 23.08.2004 14:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:07 Uhr.