WCM Forum - CSS - html positionierungs frage

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - CSS - html positionierungs frage (http://www.wcm.at/forum/showthread.php?t=186457)

CSS - html positionierungs frage

meine page mit der ich mich beschäftige

www.strictly4you.com

ist fast ausschliesslich mit CSS positioniert
soweit so gut

nur krieg ichs nicht hin das der 'news' bereich auch zentriert dargstellt wird.
ich hab kan plan was ich falsch mach :-/

vielleicht kann mir jmd helfen

mein html teil:

http://forum.geizhals.at/files/455/html.JPG

mein CSS teil:

/* NEWS */

div#main_news {
height:116px;
display:block;
margin-auto;
overflow:hidden;
display:block;
background-repeat:no-repeat;
background-image:url(../images/news.jpg);
}
table#last_news {
float:left;
width:230px;
margin-left:40px;
}
table#login {
float:left;
width:180px;
margin-left:45px;
}
td.date {
width:75px;
background-color:#9090ea;
}

td#titel {
width:150px;
background-color:#9090ea;
}
div#login {
float:left;
margin-top:10px;
margin-left:35px;
}
.dark {
height:16px;
width:75px;
float:left;
display:block;
background-color:#9090ea;
}
input.login {
width:130px;
height:16px;
color:#000000;
font-size: 6pt;
border:1px #31425C solid;
background-color:#1c1c1c;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
fieldset {
border:0;
margin:0;
padding:0;
}

/* NEWS ENDE*/

was mach ich falsch?

verwende ich im html teil
<span id="....">

dann wird zwar der news content richtig zentriert dargestellt jedoch die tabellen die folgen werden darunter erstellt :-/

Kann es sein, dass hier irgendwo die Tags nicht richtig geschlossen werden?

Code:

<div id="main_news">

        <table news="Latest News" id="last_news">

        </table>

        <table news="Login" id="login">

        </table>

        <div id="login">

                <form action="?section=login" method="post">

                        <fieldset>

                        <span class="dark">User:</span><input type="text" name="nick" class="login" />




                        <span class="dark">Password:</span><input type="password" name="pass" class="login" />




                        <span class="dark">Login:</span><input type="submit" name="login" class="login" />

                </div>

                </div>

                        </fieldset>

                </form>

die zwei </div> vor dem </fieldset> obwohl im fieldset keine divs sind.[edit] die zwei </div> gehören hinter das </form> sehe ich gerade.

lg

p.s. und für die Übersicht finde ich es besser wenn man die div Tags so schließt, da sieht man imho schneller wo ein div beginnt und wieder aufhört:

Code:

<div id="top_bg">

                        <span id="top_header"></span>

</div>

danke für den input
die schreibweise mit den div's beachte ich in der regel eh ;)

aber auch das </div> nachm </formfield> hat nichts gebracht :rolleyes:

glaub da gehts um ein generelles positionierungs problem

mit <span> funktionierts einwandfrei
:rolleyes: :confused:

Wird wahrscheinlich nichts mit dem Problem zu tun haben, aber du hast in dem Dokument ein paar mal eine ID mehrfach vergeben - was nicht erlaubt ist. Bei den Tables hast du ein Attribut "news" vergeben welches es nicht gibt. Schau dir mal die Meldungen hier an:
http://validator.w3.org/check?verbos...ictly4you.com/

[edit] und noch was ganz anderes: Bei Forms sollte man Labels verwenden und keine Spans:

Code:

<label for="username">Benutzername:</label>

<input type="text" name="username" />

Zitat:

Original geschrieben von zAPPEL
Wird wahrscheinlich nichts mit dem Problem zu tun haben, aber du hast in dem Dokument ein paar mal eine ID mehrfach vergeben - was nicht erlaubt ist. Bei den Tables hast du ein Attribut "news" vergeben welches es nicht gibt. Schau dir mal die Meldungen hier an:
http://validator.w3.org/check?verbos...ictly4you.com/

[edit] und noch was ganz anderes: Bei Forms sollte man Labels verwenden und keine Spans:

Code:

<label for="username">Benutzername:</label> <input type="text" name="username" />

danke! hab alle ausgemerzt bis auf einen error
den ich nicht wirklich nachvollziehen kann

geb ich </table> weg oder sezt es an eine andere stelle past dsa design nimma zam

Evt. ist ein "leerer" Table nicht erlaubt? Also ohne <tr><td></td></tr> drinnen.

(Ganz was anderes: Stell mal den Doctype auf XTHML1.0 Strict, mir hat mal jmd. gesagt, dass es mit XHTML1.1 noch einige Probleme gibt mit der Anzeige)

Zitat:

Original geschrieben von zAPPEL
Evt. ist ein "leerer" Table nicht erlaubt? Also ohne <tr><td></td></tr> drinnen.

(Ganz was anderes: Stell mal den Doctype auf XTHML1.0 Strict, mir hat mal jmd. gesagt, dass es mit XHTML1.1 noch einige Probleme gibt mit der Anzeige)

danke fürn hinweis..bereits geändert ;)

das is ja ne stink normale tabelle
das sollte eigentlicih kein problem sein

es geht auch weniger um die tabelle, da wird alles richtig angezeigt
es geht lediglicih um den news hintergrund der in die mitte ghört und nicht nach links :rolleyes:

bin jetz ehrlich gesagt zu faul alles durchzulesen, ich glaub aber dass du vor dem selben problem stehst was ich gestern hatte und ...<div style="margin:auto;">... hats gebracht