tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
5
ZUGRIFFE
444
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    DexXxtrin DexXxtrin ist offline Mitglied Gold
    Registriert seit
    Aug 2007
    Ort
    Luzern CH
    Beiträge
    207
    Hallo zusammen

    Ich bin an meiner ersten Website. Dabei bin ich auf ein Problem gestossen:
    Die Breite möchte ich in drei Teile einteilen: Navi - Hauptteil - Infos
    Dies habe ich nun mit drei div-Tags realisiert. Die Navi soll immer eine feste grösse haben. Die Infos immer am rechten Bildrand und der Hauptteil mit ein bisschen Abstand zu den beiden. Soweit so gut.
    Das Problem ist nun, dass wenn der Browser kleiner wird in der Breite, die Felder übereinander geraten.
    Wie kann ich das verhindern?

    Gruss DexXxtrin
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    hier liegt wohl kein PHP- sondern vielmehr ein CSS-Problem vor, weshalb ich den Thread entsprechend verschiebe.

    Für sachdienliche Hinweise solltest du erstmal den relevanten HTML- und CSS-Code, oder einen Link zur Seite posten, damit wir einen Überblick gewinnen können, wie das Spaltenlayout überhaupt konkret umgesetzt wurde, und wo sich darin der Knackpunkt findet.

    mfg Maik
     

  3. #3
    DexXxtrin DexXxtrin ist offline Mitglied Gold
    Registriert seit
    Aug 2007
    Ort
    Luzern CH
    Beiträge
    207
    Ups hab gar nicht geschaltet, tut mir leid.

    Also das ist meine Seite.
    Sie ist noch föllig im Anfangsstadium... Mit der Schrift muss ich auch noch schauen wie ich es mache (habe eine eigene). Die Links habe ich auch noch nichts gemacht.
    Also das Problem ist, wenn man den Browser in der Breite verkleinert, kommen die Div-Tags übereinander... Wie kann ich das lösen?

    Die Bedinungen, welche erfüllt werden müssen:
    -Navi ganz links und feste Breite
    -Information&Warenkorb immer ganz rechts und variable Grösse
    -Haupttext in der Mitte der beiden und Variable Grösse

    Gruss DexXxtrin
    Geändert von DexXxtrin (06.08.09 um 20:31 Uhr)
     

  4. #4
    Maik Tutorials.de Gastzugang
    Binde mal die bestehenden DIV-Blöcke in einen umschliessenden DIV-Block #wrap:
    HTML-Code:
    <body>
    <div id="wrap">
        <!-- Hier folgt der Bestand -->
    </div>
    </body >
    und richte für diesen eine Mindestbreite ein:
    Code css:
    1
    2
    3
    4
    5
    6
    7
    
    #wrap {
            position:absolute;
            left:0;
            top:0;
            width:100%;
            min-width:1000px; /* Wert ist von mir frei gewählt */
    }

    mfg Maik
     

  5. #5
    DexXxtrin DexXxtrin ist offline Mitglied Gold
    Registriert seit
    Aug 2007
    Ort
    Luzern CH
    Beiträge
    207
    Vielen Dank für deinen Tipp!
    Versuch ich gerade mal
     

  6. #6
    DexXxtrin DexXxtrin ist offline Mitglied Gold
    Registriert seit
    Aug 2007
    Ort
    Luzern CH
    Beiträge
    207
    Funktioniert herrvoragen!!
     

Ähnliche Themen

  1. 2 Div nebeneinander.
    Von ChrisEU im Forum CSS
    Antworten: 2
    Letzter Beitrag: 26.04.10, 18:40
  2. <div> ausrichtung nebeneinander
    Von Crazy_down im Forum CSS
    Antworten: 7
    Letzter Beitrag: 18.02.09, 21:38
  3. div nebeneinander
    Von swissinside im Forum CSS
    Antworten: 6
    Letzter Beitrag: 01.08.07, 14:09
  4. x nebeneinander
    Von rustyNET im Forum PHP
    Antworten: 5
    Letzter Beitrag: 16.04.06, 13:58
  5. DIV ´s nebeneinander ?
    Von baeckerjunge im Forum CSS
    Antworten: 0
    Letzter Beitrag: 11.12.04, 06:48