Autor |
Nachricht |
acanzo
Threadersteller
Dabei seit: 24.09.2006
Ort: Wurzen
Alter: 59
Geschlecht:
|
Verfasst Mi 26.03.2008 16:03
Titel DIV Blöcke überlagern sich |
|
|
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
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 26.03.2008 16:07
Titel
|
|
|
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.
|
|
|
|
|
Anzeige
|
|
|
acanzo
Threadersteller
Dabei seit: 24.09.2006
Ort: Wurzen
Alter: 59
Geschlecht:
|
Verfasst Mi 26.03.2008 16:11
Titel
|
|
|
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.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 26.03.2008 16:17
Titel
|
|
|
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
|
|
|
|
|
acanzo
Threadersteller
Dabei seit: 24.09.2006
Ort: Wurzen
Alter: 59
Geschlecht:
|
Verfasst Mi 26.03.2008 16:39
Titel
|
|
|
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.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 26.03.2008 16:48
Titel
|
|
|
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 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...
|
|
|
|
|
acanzo
Threadersteller
Dabei seit: 24.09.2006
Ort: Wurzen
Alter: 59
Geschlecht:
|
Verfasst Mi 26.03.2008 17:10
Titel
|
|
|
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
|
|
|
|
|
Ivan
Dabei seit: 17.04.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 26.03.2008 21:09
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ä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
|
|