Willkommen in der Webstatt
User-1 am 12.11.06 11:49

Hallo,

volgendes Problem:

CSS:

.div {
position: absolute;
padding: 20px;
float: left;
width: 350px;
}



HTML:

<div class="div">
//Inhalt
</div>


Leider wird das was oben im Code steht nicht ausgeführt!
Aber wenn ich es so mache:

<div class="div" style="position: absolute; padding: 20px; float: left; width: 350px;">
//Inhalt
</div>


Geht alles.
Wo liegt der Fehler?

Mfg. BNS

netcup.de Warum gibt es hier Werbung?
User-2 am 12.11.06 11:58

mh.. vielleicht liegts einfach dadran, dass der div "div" heißt. nenn ihn mal anders ;)

User-3 am 12.11.06 12:09

Nee, daran kann es nicht liegen. Zeig mal bitte das ganze Beispiel.

User-1 am 12.11.06 12:35

http://xyz-229torxyz-229i.vi.funpic.de/div.php

User-1 am 17.11.06 12:47

BIn nun soweit:

CSS:

/* Boxen Div's */

.main {
width: 350px;
}

.l_o {
float: left;
width: 23px;
height: 33px;
background-image: url(./box/l_o.gif);
background-repeat: no-repeat;
}


.m_o {
background-image: url(./box/m_o.gif);
background-repeat: repeat;
}


.r_o {
float: right;
width: 23px;
height: 33px;
background-image: url(./box/r_o.gif);
background-repeat: no-repeat;
}





.l_m {
background-image: url(./box/l_m.gif);
background-repeat: no-repeat;
}


.r_m {
background-image: url(./box/r_m.gif);
background-repeat: no-repeat;
}




.l_u {
float: left;
width: 24px;
height: 24px;
background-image: url(./box/l_u.gif);
background-repeat: no-repeat;
}


.m_u {
height: 24px;
background-image: url(./box/m_u.gif);
background-repeat: repeat;
}


.r_u {
float: right;
width: 24px;
height: 24px;
background-image: url(./box/r_u.gif);
background-repeat: no-repeat;
}


Und der Code:

<div class="main">
<div class="l_o"></div>
<div class="m_o"><img src="./images/space.gif" alt="" width="1" height="33" /></div>
<div class="r_o"></div>
<div class="l_u"></div>
<div class="m_u"><img src="./images/space.gif" alt="" width="1" height="33" /></div>
<div class="r_u"></div>
</div>


Woran liegt es das die beiden div's nicht ganz rechts sind?

User-1 am 19.11.06 13:32

kann mir da keiner helfen?

User-4 am 19.11.06 14:02

Was willst du damit erreichen? Flexible Höhe und/oder Breite? Muss Text rein? Dein bisheriges XHTML ist ... naja :tired:

User-1 am 19.11.06 14:11

Also auf dem Anhang sieht man ja das die zwei div's nicht ganz rechts sind, also sie beenden die Zeile nicht, und das ist ja auch das Problem sie sollen die Box beenden.

Aber sie hängen irgendwie da unten, und ich weiß nicht wieso.

User-4 am 19.11.06 14:22

Quote
Original von xyz-27
Also auf dem Anhang sieht man ja das die zwei div's nicht ganz rechts sind, also sie beenden die Zeile nicht, und das ist ja auch das Problem sie sollen die Box beenden.

Aber sie hängen irgendwie da unten, und ich weiß nicht wieso.


Das hast du schon oben geschrieben :rolleyes:

Quote
Original von xyz-190
Was willst du damit erreichen? Flexible Höhe und/oder Breite? Muss Text rein? Dein bisheriges XHTML ist ... naja :tired:


Ansonsten kannst du ja auch einfach ein Bild verwenden.

User-1 am 19.11.06 14:29

Also die Breite hab ich festgelegt aber die höche soll flexibel sein.

Das alles geht ja bis jetzt eigentlich nur die zwei div's närven mich eben.

User-5 am 19.11.06 15:17

css-code wie von icq.com ^^
wenn die breite deines designs eh fest ist kannst du auch "oben links", "oben mitte" und "oben rechts" in ein "oben" (und somit in eine grafik) zusammenfassen

User-1 am 19.11.06 16:13

jep das schon aber ich habe ja mehrere Styles das ist ja nur no1
bei no2 wirds verschieden.

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt