UPDATE: DIV Problem

Seite 1 von 2 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/update_div_problem_129476/page_1 - zur Vollversion wechseln!


moidaschl schrieb am 13.11.2004 um 19:11

Also ich post euch mal einen screen, i glaub man sieht gleich was mein problem is, nämlich dass kein zeilenumbruch entsteht

click to enlarge

da habts des css file dazu

Code: PHP
.newseintrag {
    border: 0px solid black;
    width: 90%;
    margin: 0 auto;
}
.newseintrag > .Datum {
    padding: 2px;
    float: left;
    white-space: nowrap;
}
.newseintrag > .Titel {
    padding: 2px;
    float: left;
    border-left: 0px solid darkgray;
    
}
.newseintrag > .Inhalt {
    padding: 2px;
    clear: both;
    border-top: 0px solid darkgray;
}

und so stehts in der ausgabe

Code: PHP
            echo "<div class=\"newseintrag\">\n";
            echo "    <div class=\"Titel\">\n";
            echo "<b>".$row['Titel']."</b><hr>";
            echo "    </div>\n";
            echo "    <div class=\"Datum\">\n";
            echo "<i>".$row['Datum']."</i><hr>";
            echo "    </div>\n";
            echo "    <div class=\"Inhalt\">\n";
            echo nl2br($row['Inhalt']); // \n in <br />
            echo "    </div>\n";

thx 4 help :)


gerhardtt schrieb am 13.11.2004 um 19:27

mhm... probier mal "echten" text => mit leerzeichen.

grüsse


moidaschl schrieb am 13.11.2004 um 19:35

mhm des geht!

org! :eek:

naja is hald nur eine übergangslösung, is so halbsolved, sollte jemand etwas wissen wink-an-gewisse-leute ;) wär ich dankbar :)


watchout schrieb am 13.11.2004 um 19:41

es is eigentlich gewollt, dass ganze worte nicht getrennt werden für einen zeilenumbruch... demnach ist es eigentlich eine erwünschte verhaltensweise...

Bei "echtem" text wie gerhardtt schon angedeutet hat, wirst du das problem wahrscheinlich nicht haben.

edit: übrigens wird der IE probleme mit deinem stylesheet haben...


moidaschl schrieb am 13.11.2004 um 20:38

stimmt, damn auf des hab ich ned geachet

wie kann ich dann die div's IE gerecht zentrieren?

edit:

:eek: des is da mein kleinstes problem ^^
schaut ganz anders aus
daaamn

kann mir da wer unter die arme greifen was zu berücksichtigen ist ?


watchout schrieb am 13.11.2004 um 21:10

Zitat von moidaschl
stimmt, damn auf des hab ich ned geachet

wie kann ich dann die div's IE gerecht zentrieren?

edit:

:eek: des is da mein kleinstes problem ^^
schaut ganz anders aus
daaamn

kann mir da wer unter die arme greifen was zu berücksichtigen ist ?
IE kennt (unter anderem) ">" in den css-klassen selektoren nicht... musst nen workaround machen - gewöhnlich reicht " ", das kann auch der IE ;)


Rektal schrieb am 13.11.2004 um 23:13

zentrieren:

a) standards mode aktivieren
b) block element margin-left und margin-right auf 'auto'


murcielago schrieb am 14.11.2004 um 00:11

-


murcielago schrieb am 14.11.2004 um 00:11

Zitat von murcielago
standards-mode?


moidaschl schrieb am 14.11.2004 um 11:52

jo des frag ich mich auch ;)

bitte um aufklärung für zwei css wasaln ;)


Rektal schrieb am 14.11.2004 um 12:02

Zu faul fuer Google, was? http://www.google.at/search?q=standards+mode , erster Link ...


murcielago schrieb am 14.11.2004 um 13:50

Zitat von Rektal
Zu faul fuer Google, was? http://www.google.at/search?q=standards+mode , erster Link ...

ned unbedingt zu faul, aber wenn ma grad beim thema san...


moidaschl schrieb am 14.11.2004 um 15:49

So hab jetz wieder ein neues problem

hab mich mit den DIV's gespielt und mein problem is jetz des:

click to enlarge

Sources:

Code: PHP
.newseintrag {
    border: 1px solid #4661B8;
    width: 90%;
    margin: 0 auto;
}
.newseintrag  .Datum {
    padding: 2px;
    float: right;
    border-left: 1px solid #4661B8;
}
.newseintrag  .Titel {
    padding: 2px;
    float: left;
    font-size: 10pt;

}
.newseintrag  .Inhalt {
    padding: 2px;
    border-top: 1px solid #4661B8;
    width: 80%;
    float: left;
    clear: both;
}
.newseintrag  .Rubrik {
    padding: 2px;
    float: right;
    border-left: 1px solid #4661B8;
    width: 20%;
}

irgendwas haut da noch nicht so ganz hin


edit: IE-freundlich muss ichs auch noch machen

tia !!


watchout schrieb am 14.11.2004 um 17:02

dazu bräucht' ich die html-struktur...
ein "lebendobjekt" wär' noch besser ;)


Rektal schrieb am 14.11.2004 um 19:24

URL her, dann ists am einfachsten. Irgendwo raufstellen.




overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2025