Css Anfängerfragen

[xkoy79]

Hi, mit dem Clear hab ich auch schonmal gesehen.. aber da erstmal drauf kommen ! Danke !!

Die hauptbox hat 600px. die anderen ersten beiden 300, und die rechte 600 , is ja irgendwie ein relatives system .. also immer bei null anfangen oder. Weil die irgendwie immer übereinanderliegen ...

 

[Maik]

Sollen sich denn die beiden ersten DIVs ("Weihnachtsauftritt" u. "07.12.2007") überlagern?

Und hast du das Modell schon mal im IE6 betrachtet, wie er die drei Boxen anordnet?

 

[xkoy79]

Nein sollen sich nicht überlagern, aber ich bekomm die DIVs nicht anders nebeneinander,

ist auch so bei der kontakt.php Dachte geht nicht anders !

IE hab ich garnicht nutz nur firefox, ich muss das mal testen !

 

[Maik]

<div style="width:600px;margin:auto;">
     <div style="text-align:left;height:20px;width:300px;float:left;text-decoration:underline;margin-right:0 !important;margin-right:-3px;">Weihnachtsauftritt</div>
     <div style="text-align:right;width:300px;text-decoration:underline;">07.12.2007</div>
     <div style="clear:left;text-align:left;width:100%;">dsfs</div>
</div>

 

[xkoy79]

Hi, mit deinem Code stimmts nit irgendwie, die 2 ersten Boxen liegen nun übereinander...

 

[Maik]

Sorry.

<div style="width:600px;margin:auto;">
     <div style="text-align:left;height:20px;width:300px;float:left;text-decoration:underline;margin-right:0 !important;margin-right:-3px;">Weihnachtsauftritt</div>
     <div style="text-align:right;margin-left:300px;text-decoration:underline;">07.12.2007</div>
     <div style="clear:left;text-align:left;width:100%;">dsfs</div>
</div>

 

[xkoy79]

Jetzt ists perfekt, Danke Dir Werd dann gleich mal die kontakt.php genauso anpassen !

 

[xkoy79]

Morgen,

der Verzweiflung nahe brauche ich rat....

Auf der Startseite möcht ich gern, ein Bild (links) und rechts davon den Text !
Unter dem Bild das selbe nochmal nur versetzt, also Bild Rechts und Text links...

Aber irgendwie will das nit gehen.. bzw. die Seite verlängert sich nichtmal mit...

Ich weiss nichts mehr...

#bild1 {
background-image:url(bilder/title1.jpg);
width:250px;
height: 300px;
float: left;
border-style: solid;
border-color: black;
border-width: 1px;
}

#bild2{
background-image:url(bilder/title1.jpg);
background-position: right;
width:250px;
height: 300px;
float:right;
border-style: solid;
border-color: black;
border-width: 1px;
margin: 250px;
}



<div style="width:700px;height:100%;margin:auto;">

<div id="bild1">BILD1</div>Text von Bild 1

<div id="bild2">BILD2</div>Text von Bild 2


</div>




Danke

 

[Maik]

Hi,

versuch es mal auf diese Weise:

.bild1 {
background-image:url(bilder/title1.jpg);
width:250px;
height: 300px;
float: left;
border-style: solid;
border-color: black;
border-width: 1px;
}

.bild2{
background-image:url(bilder/title1.jpg);
background-position: right;
width:250px;
height: 300px;
float:right;
border-style: solid;
border-color: black;
border-width: 1px;
/*margin: 250px;*/ /* auskommentiert = deaktiviert */
text-align:right;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<div style="width:700px;height:100%;margin:auto;" class="clearfix">
     <div class="bild1"><img src="...">Text von Bild 1</div>
     <div class="bild2">Text von Bild 2<img src="..."></div>
     <div class="bild1">Text von Bild 3<img src="..."></div>
     <div class="bild2"><img src="...">Text von Bild 4</div>
</div>

Die Erläuterung zur verwendeten "clearfix"-Methode kannst du auf http://positioniseverything.net/easyclearing.html nachlesen.

 

[xkoy79]

Hi danke, geht soweit, versth noch nit warum aber komm schond rauf

Zwichenzeitlich hab ichs so probiert: Geht das auch ?

<div id="bild1"></div><div id="textbox1">Text von Bild 1</div>

Dann könnte ich den Text auch formatieren aus meiner CSS datei

Um es nur mal an einem Bild zu demonstrieren, reicht ja erstmal.

Da reichen doch 2 Divs nebeneinander, mit Float left. oder ? Kann ich nur Background images setzen ? im css meine ich !