mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 17:17 Benutzername: Passwort: Auto-Login

Thema: CSS Problem vom 09.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Problem
Autor Nachricht
Draxer
Threadersteller

Dabei seit: 16.03.2004
Ort: Suhl
Alter: 32
Geschlecht: Männlich
Verfasst Di 09.05.2006 14:56
Titel

CSS Problem

Antworten mit Zitat Zum Seitenanfang

hi leute,
hab gedacht...hab gesucht...und nun poste ich, da ich zu keinem ziel komme

versuche mich grad an css un das is alles neu-land für mich...
ich habe folgendes problem:

ich habe eine box und darin sind noch einmal 2 boxen nebeneinander.
nun möchte ich erreichen das die erste, äußere box ihre höhe an die beiden inneren anpasst, soll heißen:
1) ist box1 höher als box2 ...so nimmt die äußere box die höhe von box1 an
2) ist box2 höher als box1 ...so nimmt die äußere box die höhe von box2 an

das alles läuft im ie wunderbar, nur im firefox und opera komm ich nicht weiter...da richtet sich die äußere box von der höhe her immer an box2.

hier der quellcode:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
<title>div-test</title>
<style type="text/css">

body {
background-color:#ffffff;
margin:0px;
padding:0px;
font-family:Verdana;
font-size:10pt;
color:#cccccc;
text-align:center;
}


#content {
background-color:#ff9900;
margin:0px auto;
padding:10px;
width:680px;
border:1px solid #666666;
text-align:left;
clear:left;
}


#box1 {
margin:0px;
padding:10px;
width:450px;
background-color:#ffffff;
border:1px solid #666666;
float:left;
}


#box2 {
margin:0px 0px auto auto;
padding:10px;
width:175px;
background-color:#ffffff;
border:1px solid #666666;
}

</style>
</head>

<body>

<div id="content">

 <div id="box1">
BOX 1<br><br>
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext</div>

 <div id="box2">
BOX 2<br><br>
Blindtext<br>
Blindtext<br>
Blindtext<br>
Blindtext</div>

</div>

</body>
</html>


ich hoffe nun das unter euch da draußen nen schlauer kopf dabei ist der mir das warscheinlich simple problem lösen kann.

mfg Draxer

[edit]
Verschoben von Programmierung nach Allgemeines - Nonprint


Zuletzt bearbeitet von Mac am Di 09.05.2006 15:00, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
DevEdge

Dabei seit: 28.12.2005
Ort: Berlin
Alter: 42
Geschlecht: Männlich
Verfasst Di 09.05.2006 15:23
Titel

Antworten mit Zitat Zum Seitenanfang

Du "floatest" eine der Boxen, also musst du nach den CSS Elementen clear einsetzen. Dann passt's auch wieder.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Draxer
Threadersteller

Dabei seit: 16.03.2004
Ort: Suhl
Alter: 32
Geschlecht: Männlich
Verfasst Di 09.05.2006 16:10
Titel

Antworten mit Zitat Zum Seitenanfang

das mit dem clear hab ich schon versucht...ich setz es vermutlich an die falsche stelle...kannst du so nett sein und mir den quelltext mal passend abändern...mir wäre damit sehr geholfen.

mfg Draxer
  View user's profile Private Nachricht senden
Ivan

Dabei seit: 17.04.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 09.05.2006 17:00
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<div id="content">

 <div id="box1">
BOX 1<br><br>
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext
Blindtext Blindtext Blindtext Blindtext Blindtext</div>

 <div id="box2">
BOX 2<br><br>
Blindtext<br>
Blindtext<br>
Blindtext<br>
Blindtext</div>

<div style="clear:both"></div>

</div>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Draxer
Threadersteller

Dabei seit: 16.03.2004
Ort: Suhl
Alter: 32
Geschlecht: Männlich
Verfasst Di 09.05.2006 18:11
Titel

Antworten mit Zitat Zum Seitenanfang

ich danke vielmals Lächel
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Kleines CSS-Problem
IE-CSS-Problem
css-problem
CSS Problem (IE)
css-Problem
CSS Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.