Willkommen in der Webstatt Zum Webstatt Blog und Stories
BNightSpeeder 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?
crooked am 12.11.06 11:58

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

Scraper Scraper am 12.11.06 12:09

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

BNightSpeeder am 12.11.06 12:35

http://victorvici.vi.funpic.de/div.php

BNightSpeeder 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?

BNightSpeeder am 19.11.06 13:32

kann mir da keiner helfen?

sili sili 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:

BNightSpeeder 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.

sili sili am 19.11.06 14:22

Quote
Original von BNightSpeeder
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 sili
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.

BNightSpeeder 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.

Franky Franky 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

BNightSpeeder 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