mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 07:28 Benutzername: Passwort: Auto-Login

Thema: DIV Blöcke überlagern sich vom 26.03.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> DIV Blöcke überlagern sich
Seite: 1, 2  Weiter
Autor Nachricht
acanzo
Threadersteller

Dabei seit: 24.09.2006
Ort: Wurzen
Alter: 59
Geschlecht: Männlich
Verfasst Mi 26.03.2008 16:03
Titel

DIV Blöcke überlagern sich

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich überarbeite das Layout einer fremden Website und habe Probleme mit DIVs.

In einer Spalte sind mehrere DIVs mit Inhalt übereinander.

BLOCK 1
BLOCK 2
BLOCK 3

Leider berühren/überlagern sich die DIVS teilweise bis zum Inhalt der DIVs, sodass die Inhalte unschön aneinander liegen, obwohl der Block ansich grüßer ist und mehr Raum gibt.
Ich glaube, dass Problem liegt an festen Höhen einiger DIVs.

Hat jemand ne Idee, wie man das trotzdem verhindert?
Danke Falko
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 26.03.2008 16:07
Titel

Antworten mit Zitat Zum Seitenanfang

wenn sie sich überlagern, scheint es so als hätten sie alle irgendwo eine feste postionierung inne. dem musst du auf die schliche kommen... kann man von hier aus nicht mehr sagen, glaub ich.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
acanzo
Threadersteller

Dabei seit: 24.09.2006
Ort: Wurzen
Alter: 59
Geschlecht: Männlich
Verfasst Mi 26.03.2008 16:11
Titel

Antworten mit Zitat Zum Seitenanfang

sie sind nich positioniert, sie überlagern sich immer genau bis zum inhalt.

Text Block 1 bündig an Text Block 2 übereinander.
mit FF sehe ich, dass die Container viel größer sind.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 26.03.2008 16:17
Titel

Antworten mit Zitat Zum Seitenanfang

ich denke, da musst du schon mal den relevanten code posten...
und/oder (noch besser) n link, wo man es online sehen kann...


Zuletzt bearbeitet von pixelpapst303 am Mi 26.03.2008 16:18, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
acanzo
Threadersteller

Dabei seit: 24.09.2006
Ort: Wurzen
Alter: 59
Geschlecht: Männlich
Verfasst Mi 26.03.2008 16:39
Titel

Antworten mit Zitat Zum Seitenanfang

Container 1, hier sind u.a. auch ein paar form-elemente drin
Code:
#suche {
   height   : 65px;
   padding-top   : 72px;
   border   : 0;
   margin   : 0;
}


Container 2

Code:
#kontakt_link {
   padding                  : 20px 5px 5px 5px;
   border-top               : solid 10px;
   border-color            : #fff;
   margin                  : 0;
   line-height               : 14px;
}


Container 3
Code:

#wetter {
   background               : transparent url(../img/bg_wetter.jpg) no-repeat 160% 98%;
   height                  : 190px;
   padding                  : 20px 5px 5px 5px;
   border-top               : solid 10px;
   border-color            : #fff;
   margin                  : 0;
   line-height               : 14px;
}


anguggen geht leider nisch, da die korrekturen nicht online sind.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 26.03.2008 16:48
Titel

Antworten mit Zitat Zum Seitenanfang

an den formatierungen kann es nicht liegen. dann hast du murks im html, oder irgendwo noch andere css-formatierungen, die das beeinflussen.

um das zu belegen *zwinker* habe ich mal fix folgendes aus deinen post gemacht
Code:

<html>
<head>
<style type="text/css">
#suche {
   height   : 65px;
   padding-top   : 72px;
   border   : 0;
   margin   : 0;
   background-color: #ccc;
   border: 1px solid #000;
}


#kontakt_link {
   padding                  : 20px 5px 5px 5px;
   border-top               : solid 10px;
   border-color            : #fff;
   margin                  : 0;
   line-height               : 14px;
   background-color: #fffee;
   border: 1px solid #ccc;
}


#wetter {
   background               : transparent url(../img/bg_wetter.jpg) no-repeat 160% 98%;
   height                  : 190px;
   padding                  : 20px 5px 5px 5px;
   border-top               : solid 10px;
   border-color            : #fff;
   margin                  : 0;
   line-height               : 14px;
   background-color: #ccc;
   border: 1px solid #000;
}
</style>
</head>
<body>
   <div id="suche">
      hier suche
   </div>
   <div id="kontakt_link">
      kontakt
   </div>
   <div id="wetter">
      wetter
   </div>
</body>
</html>


und wie du siehst, überlappt da rein gar nichts...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
acanzo
Threadersteller

Dabei seit: 24.09.2006
Ort: Wurzen
Alter: 59
Geschlecht: Männlich
Verfasst Mi 26.03.2008 17:10
Titel

Antworten mit Zitat Zum Seitenanfang

danke für deine hilfe.
ich glaube, es hat an den form-tags gelegen, dass scheint er nicht richtig zu erkennen.
ich habe jetzt mit margin abstände erzwugen und das ergebnis ist gut und reproduzierbar.
danke und grüße
falko
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ivan

Dabei seit: 17.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 26.03.2008 21:09
Titel

Antworten mit Zitat Zum Seitenanfang

Normalerweise dürfte es aber kein Problem sein, wenn man Formulare in Divs erstellt.
Zumal - korrigiert mich, wenn ich falsch liege - form-Tags schon "von Haus aus" Abstände, sprich margin-Werte haben.

Aber gut; Hauptsache es funktioniert nun *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS] DIV-Container überlagern
Mehrere Ebenen überlagern - wie?
Freehand MX - Form mit Text überlagern?
Navigations-Frames überlagern in Dreamweaver
CSS Problem - Divs überlagern sich.
Flash - Musik und Video überlagern sich
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.