Ergebnis 1 bis 3 von 3

Thema: CSS Boxmodel Anordnung

  1. #1
    Teeny
    Registriert seit
    03.01.2011
    Beiträge
    29
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Boxmodel Anordnung

    Hallo,
    Ich bin anfänger und versuche mich an meiner ersten Seite. Mein Problm ist das sich die Boxmodelle nicht oben anordnen (Links, Mitte, Rechts sollen alle oben sein und nicht untereinander). Ich hab versucht über google was herauszufinden, jedoch haben die Möglichkeiten wo ich gefunden habe nicht den Erfolg gebracht.



    http://germanelite.webspace24.de/Uebung/uebung04c.htm
    http://germanelite.webspace24.de/Uebung/uebung04c.css
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Fussl1 (04.01.2011 um 00:31 Uhr)

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: CSS Boxmodel Anordnung

    float:left;

    das is die css-anweisung, mit der du sowas hinbekommst.
    das brauchen alle drei spalten, also links, mitte und rechts.
    nachdem du die spalten nebeneinander angeordnet hast, machst du ein <br /> und gibst dem eine klasse (zB class="clearing")
    diese klasse definierst du dann im css ebenfalls und gibts ihr ein clear:both; mit
    immer merken: wo gefloated wird, muss man clearen, das ist wichtig damit du normal weitermachen kannst.

    ein float hebt das element aus der eigentlichen struktur heraus und lässt text und andere elemente umfliessen.
    float:left, heisst also dass es linksbündig aus dem kontext genommen wird und der text rechts umfließt. bei float:right ist es genau umgekehrt


    edit:

    ich hab mir grad nochmal den quellcode deiner übung angesehen.
    also überleg dir welche elemente wohin sollen, mach dir in deinem contentwrapper 3 divs
    leftcol, maincontent und rightcol
    denen gibst du des float:left; und die breite, die sie haben sollen, abstände machst du dann mit margin-left oder margin-right
    also zB: margin-right:20px;

    und wenn du deine 3 spalten hast, stopfst du alle elemente entsprechend dann in ihre spalte rein.
    es ist nämlich einfacher wenn man mehrere elemente hat, die nochmal mit einem wrapper zu umschliessen und den dann zu positionieren, als wenn man jedes element einzeln positioniert
    Geändert von synaptic (04.01.2011 um 01:27 Uhr)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Boxmodel Anordnung

    Fang am besten nochmal komplett neu an. Was du da produziert hast, ist die reinste Div-Suppe. Normalerweise sollte man mit maximal drei bis fünf Divs je Seite auskommen.

    Divs solltest du lediglich zur Gruppierung größerer Bereiche verwenden und nicht für jede Einzeldarstellung.
    Was du vor hast, lässt sich am besten mit einer ul-Liste realisieren, bei der die einzelnen li's gefloatet sind.
    Wie das funktioniert findest du hier erklärt:
    http://www.ohne-css.gehts-gar.net/0073.php

Ähnliche Themen

  1. Frage zur Div Anordnung
    Von Basti_rsl2 im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 01.02.2010, 02:46
  2. Windows-Anordnung
    Von rwo-tony im Forum Computer - Internet Forum
    Antworten: 3
    Letzter Beitrag: 04.04.2007, 20:39
  3. Anordnung von divs abhängig von Fenstergröße?
    Von im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 12.07.2006, 18:24
  4. Anordnung
    Von !ron m@n im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 12.08.2005, 01:36
  5. Hintergrundbild anordnung?
    Von HSFighter im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 23.12.2003, 20:03

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •