Hallo zusammen,
ich versuche mich gerade im Umgang mit CSS und habe auch schon direkt ein Problem. Ich habe versucht nach einer Lösung für mein Problem zu googlen, aber das, was erklärt wird, hilft mir nicht weiter...
Ich hoffe, ich bekomme hier hilfreiche Tipps..
Also dann mein Problem:
Ich habe ein Mutter-Div erstellt, was einen Rahmen bildet:
in diesem Element sollen zwei Divs nebeneinander positioniert werden:
1. Element
2. Element
**** EDIT:
Hoppla, ich habe den html.code vergessen. Sorry.
****EDIT-Ende
Leider sieht das Resultat so aus, dass die Divs zwar horizontal richtig positioniert sind, aber vertikal sind sie nicht auf einer Ebene.
Ich hoffe, ihr könnt mir helfen.
Vielen Dank schon einmal im Vorraus.
EDIT 2:
Wenn ich das linke Div absolute setze, dann rutscht zwar das rechte Div an die richtige Stelle, aber dann überlappt das linke Div wiederrum das Mutter-Div. Und genau das soll nicht passieren. Beide Divs sollen im Mutter-Div bleiben und das Mutter-Div soll seine Breite automatisch anpassen (das ist ja bereits mit height:auto angegeben, bzw. wenn man height nicht angibt.).
ich versuche mich gerade im Umgang mit CSS und habe auch schon direkt ein Problem. Ich habe versucht nach einer Lösung für mein Problem zu googlen, aber das, was erklärt wird, hilft mir nicht weiter...
Ich hoffe, ich bekomme hier hilfreiche Tipps..
Also dann mein Problem:
Ich habe ein Mutter-Div erstellt, was einen Rahmen bildet:
PHP:
div#content {
margin-left:50px;
padding-top:20px;
padding-left:30px;
padding-bottom:20px;
width:1025px;
min-height:200px;
border-color:#0d1c31;
border-width:9px;
border-style:inset;
text-align:center;
}in diesem Element sollen zwei Divs nebeneinander positioniert werden:
1. Element
PHP:
div#newsboard {
background-color:#FFF;
width:653px;
height:337px;
}2. Element
PHP:
div#newsboardsmall {
background-color:#FFF;
width:331px;
height:295px;
margin-left:665px;
}**** EDIT:
Hoppla, ich habe den html.code vergessen. Sorry.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>...</title>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="lib/style.css"/>
<link rel="stylesheet" type="text/css" href="lib/navi_up.css"/>
</head>
<body>
</div>
<div id="contentspacer"></div>
<div id="content">
<div id="title"></div>
<div id="newsboard"></div>
<div id="newsboardsmall"></div>
</div>
<div id="footer"></div>
</body>
</html>Leider sieht das Resultat so aus, dass die Divs zwar horizontal richtig positioniert sind, aber vertikal sind sie nicht auf einer Ebene.
Ich hoffe, ihr könnt mir helfen.
Vielen Dank schon einmal im Vorraus.
EDIT 2:
Wenn ich das linke Div absolute setze, dann rutscht zwar das rechte Div an die richtige Stelle, aber dann überlappt das linke Div wiederrum das Mutter-Div. Und genau das soll nicht passieren. Beide Divs sollen im Mutter-Div bleiben und das Mutter-Div soll seine Breite automatisch anpassen (das ist ja bereits mit height:auto angegeben, bzw. wenn man height nicht angibt.).
Zuletzt bearbeitet:
