Box unter Box

[Tim]

Hallo zusammen,
Ich will unter eine gesamte box (wrapper) eine weitere kleine box einfügen für einen counter. so soll es aussehen: http://timconzelmann.de/1.jpg

allerdings sieht das nur im IE so aus. Firefox und Opera interpretieren das garnicht bzw so: http://timconzelmann.de/2.jpg

die css datei ist wie folgt, die ganze obere box:
         #wrapper
 {
  width: 720px;
  height: 535px;
  background-color: #F0F0F0;
  border-width:1px;
  border-style:solid;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
 }

die untere für den counter:
         #bottom
 {
  margin:auto;
  width: 720px;
  text-align: right;
  background-color: #transparent;
 }

Wo liegt der Fehler?

[Yinan]

Hasste die versucht nur mit css zu positionieren? Wir wärs wenn du bereiche einfach anlegst? Also einfach alles ausser dem counter in einem <div></div> einschließen und für den counter ein neues <div></div> Beim 2. kannste dann einfach z.B. noch angeben <div class='counter'> und bei deiner CSS datei haste dann folgende angabe:
.counter
{
    margin-left:0px;
}

oder auch

.counter
{
    text-align: right;
}

Eins von beiden halt musste gucken was besser passt da...

Hoffe das hilft dir weiter...

mfg

Yinan

[Tim]

wenn ich das richtig verstanden habe dann hab ich das glaub ich sogar so gemacht. die counter box darf halt nicht in den gesamtem wrapper div rein sonst ist dieser ja auch in die große box integeriert.

html code ist folgender:

<div id="wrapper">
 <div id="top"><img src="pics/top.jpg" alt="" border="0"></div>

<div id="left">
         <img src="pics/pic1.jpg" alt="" border="0"><br><br>
         <img src="pics/pic2.jpg" alt="" border="0"><br><br>
         <img src="pics/pic3.jpg" alt="" border="0"><br><br>
         <img src="pics/pic4.jpg" alt="" border="0"><br><br>
         <img src="pics/pic5.jpg" alt="" border="0"><br><br>
         <img src="pics/pic6.jpg" alt="" border="0">
         </div>

<div id="middle">
         name: tim conzelmann<br>
 age: 21<br>
 birthplace: <a href="http://en.wikipedia.org/wiki/Albstadt" target=new>albstadt</a> (ger)<br>
         occupation: student<br><br>
         mail: <a href="mailto:[e-mail]">[e-mail]</a><br>
         icq: 253339779
         </div>

<div id="right"><?php include('news.php'); ?></div>
</div>
<div id="bottom">
<!-- BlogCounter Code START -->
<p><a href="http://www.blogcounter.de/" id="bclink" title="kostenloser Counter fuer Weblogs"><span id="bccount" style="font-size:8px">kostenloser Counter</span></a></p><script type="text/javascript" src="http://track.blogcounter.de/js.php?user=tiiim&amp;style=1"></script><noscript><p><a href="http://www.blogcounter.de/"><img style="border: 0px;" alt="Weblog counter" src="http://track.blogcounter.de/log.php?id=tiiim"/></a> - <a href="http://odge.de/">W&ouml;rterbuch</a></p></noscript>
<!-- BlogCounter Code END -->
</div>

Hasste die versucht nur mit css zu positionieren? Wir wärs wenn du bereiche einfach anlegst? Also einfach alles ausser dem counter in einem <div></div> einschließen und für den counter ein neues <div></div> Beim 2. kannste dann einfach z.B. noch angeben <div class='counter'> und bei deiner CSS datei haste dann folgende angabe:
.counter
{
    margin-left:0px;
}

oder auch

.counter
{
    text-align: right;
}

Eins von beiden halt musste gucken was besser passt da...

Hoffe das hilft dir weiter...

mfg

Yinan

[Yinan]

also irgendwie passen die Bilder von dir nicht mit dem überein, was du da als Code bei dem Blogcounter hast... und evnetuell würde es helfen, die ganzen <p>'s und <span>'s zu entfernen....

<script type="text/javascript" src="http://track.blogcounter.de/js.php?user=tiiim&amp;style=1"></script>

das is doch nur der Blogbutton oder? Kannste vieleicht einfach mal allen anderen Code drum herum entfernen oder dafür nochmal nen eigenen <div> machen und gucken ob damit mit der bottom class richtig angezeigt wird? ICh weiß nicht aber irgendwie stimmen die Bilder ganz und gar nicht mit dem Code vom bottom bereich überein ^^

[Tim]

wenn ich nur <script type="text/javascript" src="http://track.blogcounter.de/js.php?user=tiiim&amp;style=1"></script> nehme, dann zeigt es garnix an.
also das ist der vorgegebene code von blogcounter, ich hab da nix reingeschrieben :/

also irgendwie passen die Bilder von dir nicht mit dem überein, was du da als Code bei dem Blogcounter hast... und evnetuell würde es helfen, die ganzen <p>'s und <span>'s zu entfernen....

<script type="text/javascript" src="http://track.blogcounter.de/js.php?user=tiiim&amp;style=1"></script>

das is doch nur der Blogbutton oder? Kannste vieleicht einfach mal allen anderen Code drum herum entfernen oder dafür nochmal nen eigenen <div> machen und gucken ob damit mit der bottom class richtig angezeigt wird? ICh weiß nicht aber irgendwie stimmen die Bilder ganz und gar nicht mit dem Code vom bottom bereich überein ^^

[wahsaga]

hi,

wenn ich nur <script type="text/javascript" src="http://track.blogcounter.de/js.php?user=tiiim&amp;style=1"></script> nehme, dann zeigt es garnix an.
also das ist der vorgegebene code von blogcounter, ich hab da nix reingeschrieben :/

Ja, aber dieser Javascript-Code erzeugt dynamisch HTML-Code, und den willst du anschliessend formatieren.
Also schau dir an, wie dieser HTML-Code aussieht.

gruß,
wahsaga

[Tim]

steh grad auf der leitung :)
wie meinst du das schau wie der html-code aussieht?
wenn ich den counter durch nen einfach text ersetze besteht dasselbe problem

hi,

wenn ich nur <script type="text/javascript" src="http://track.blogcounter.de/js.php?user=tiiim&amp;style=1"></script> nehme, dann zeigt es garnix an.
also das ist der vorgegebene code von blogcounter, ich hab da nix reingeschrieben :/

Ja, aber dieser Javascript-Code erzeugt dynamisch HTML-Code, und den willst du anschliessend formatieren.
Also schau dir an, wie dieser HTML-Code aussieht.

gruß,
wahsaga

[Yinan]

Naja du sollst dir den Code von http://track.blogcounter.de/js.php?user=tiiim&amp;style=1 angucken, also das, was das Javascript halt läd und wo der Blogbutton drin ist. Vieleicht ist da irgend ne Angabe drin, die sich mit deiner Formatierung nicht verträgt weshalb das so seltsam aussieht...

Generell wäre ich bei solchen "Fremdcode" immer vorsichtig, nicht weil da vieleicht bösartiger Code dahintersteckt sondern eher weil man nie weiß was die da für formatierungsangaben oder etwaiges dabei haben also lieber selber sowas proggen ^^ (Ich kenn mich mit Blogcounter nicht so aus... is dasn stinknormaler counter der dier halt ansagt, wieviele benutzer schon auf der Seite waren? Wenn ja kannste den doch einfach coden sogar mit IP abfrage so das du nicht durch ständiges refreshen den künstlich hoch bekommst...).

mfg

Yinan

[Tim]

übrigens wenn ich den counter durch nen einfachen text ersetze ist es dasselbe problem, an dem counter kanns also nicht liegen

also irgendwie passen die Bilder von dir nicht mit dem überein, was du da als Code bei dem Blogcounter hast... und evnetuell würde es helfen, die ganzen <p>'s und <span>'s zu entfernen....

<script type="text/javascript" src="http://track.blogcounter.de/js.php?user=tiiim&amp;style=1"></script>

das is doch nur der Blogbutton oder? Kannste vieleicht einfach mal allen anderen Code drum herum entfernen oder dafür nochmal nen eigenen <div> machen und gucken ob damit mit der bottom class richtig angezeigt wird? ICh weiß nicht aber irgendwie stimmen die Bilder ganz und gar nicht mit dem Code vom bottom bereich überein ^^

[Felix Riesterer]

Lieber Tim,

<div id="wrapper">
<div id="top"><img src="pics/top.jpg" alt="" border="0"></div>

<div id="left">
         <img src="pics/pic1.jpg" alt="" border="0"><br><br>

Dein Code ist semantisch gesehen stark verbesserungswürdig... <br><br> Oder legst Du auf semantisches Markup überhaupt keinen Wert?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Tim]

wenn ich <br> durch <p>'s ersetze bekomm ich bei älteren modellen vom IE riesen abstände zwischen den bildern, mit <br> aber nicht.

Lieber Tim,

<div id="wrapper">
<div id="top"><img src="pics/top.jpg" alt="" border="0"></div>

<div id="left">
         <img src="pics/pic1.jpg" alt="" border="0"><br><br>

Dein Code ist semantisch gesehen stark verbesserungswürdig... <br><br> Oder legst Du auf semantisches Markup überhaupt keinen Wert?

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[Felix Riesterer]

Lieber Tim,

wenn ich <br> durch <p>'s ersetze bekomm ich bei älteren modellen vom IE riesen abstände zwischen den bildern, mit <br> aber nicht.

definiere "ältere modelle vom IE"!

Wenn Du standardkonforme Seiten erstellst, der IE sie aber nicht korrekt darstellt, dann muss man ihm das eben beibringen. Entweder durch CSS-Hacks (der Zeilenabstand von <p>s lässt sich hervorragend durch margins definieren!), oder durch eine Javascript-Bibliothek, die den veralteten IE-Versionen die nötigen Tricks beibringt. Ich verwende dazu das IE7-Script von Dean Edwards.

Keinesfalls sollte man (finde ich) wegen der Unzulänglichkeiten des IE und seiner verschiedenen Versionen von sematischem Markup und standardkonformem CSS abweichen. Das Problem ist dieser ungenügende Browser, nicht die erstellte Website! Daher kann ich zu <br><br> eben nur brrrrr sagen... :-)

Liebe Grüße aus Ellwangen,

Felix Riesterer.

[wahsaga]

hi,

Wo liegt der Fehler?

Das lässt sich, ohne auch das relevante HTML zu kennen, kaum sagen.

gruß,
wahsaga