Layout Problem #2

Thema: Layout Problem #2 So Sep 07, 2008 2:44 pm

Hallo ich habe wiedereinmal ein problem mit meinem Layout diesesmal aber wie ich finde ein problem das etwas schwerer zu lösen ist. Es geht um folgendes: Im InternetExplorer wird mein Layout nur weiß angezeigt bzw. es sieht so aus als ob keines vorhanden wäre (gleiches tritt auch manchmal im FireFox auf kp wieso).

Ich vermute mal das das nichts mit dem layout-code zu tun falls aber doch könnt ihr euch hier den Lay-Code ansehen :arrow:hier ansehen!

Thema: Re: Layout Problem #2 So Sep 07, 2008 4:24 pm

Browserübergreifende Probleme sind immer ganz toll zu lösen :x

Ich muss gestehen, ich habe keine Ahnung, wie mein Blog beim IE aussieht, da ich ihn für FF und Opera konfiguriert habe und das auch angegeben habe.

Also vorne weg: Wenn das Problem nicht behoben werden kann, solltest du dir überlegen, ob du deinen Blog vielleicht speziell für FF machen willst und sagst, wer ihn sich ansehen will, der muss eben den FF nehmen, wenns nicht geht.

Aber nun zum Problem:

Code:: <body>
<img border="0" " src="http://img377.imageshack.us/img377/2663/papertt2.png" scroll="no" bgproperties="fixed" align="left" border="0" width="1024", height="768" style="position:absolute; top:0;left:0;">

Der Ie ist sehr pingelig. Das da ist dein Befehl für das Hintergrundbild. Und das da:

Code:: <body>
<background-color=#000000>
<background: img border="0" " src="http://img377.imageshack.us/img377/2663/papertt2.png" scroll="no" bgproperties="fixed" align="left" border="0" width="1024", height="768" style="position:absolute; top:0;left:0;">

wäre mein Vorschlag dazu. Vielleicht musst du das background bei dem img-Frame wieder rausnehmen, weil er es nicht erkennt, aber vielleicht geht es damit besser.

Thema: Re: Layout Problem #2 So Sep 07, 2008 5:45 pm

Hm om trotzdem danke das du mir versuchst bei meinem Problem zu helfen ;)

Also ich hab jetzt mal den Code so wie du ihn geschrieben hast geändert jedoch verschwindet das Hintergrundbild damit ganz und war noch schwarz. Man konnte zu dem nur noch dick geschriebenes lesen. Ich habe deswegen den Code auch schnell wieder ins alte geändert.

Was mir zudem auffällt ist, das das Hintergrundbild ziemlich lange zu laden braucht im FireFox wie ich finde.

Hast du noch weiter vorschläge woran es liegen kann??

Oder Lösungsmöglichkeiten?

Wäre Toll

xxsven89xx

Thema: Re: Layout Problem #2 So Sep 07, 2008 6:05 pm

Es es Ladehemmungen hat, kann es durchaus auch einfach daran liegen, dass das bild nicht richtig beim Anbieter hochgeladen wurde. Lade es einfach neu hoch und verlinke es neu, das wirkt manchmal Wunder ;-)

Thema: Re: Layout Problem #2 Sa Sep 13, 2008 12:12 am

@ Nyara: Hm Okay, und gibt es da keine möglichkeiten das man das Layout darauf abstimmen kann oder so? Das fänd ich immer noch am besten.

Nuja wenn noch welche da sind die sich mit solchen Browsersache auskennen schreibt doch bitte hier rein ich danke allen die mir helfen oder es versuchen.

xxsven89xx

Thema: Re: Layout Problem #2 Sa Sep 13, 2008 1:07 am

Es gibt zwar einzelne HTML-Codes, welche du auf deine Browser abstimmen musst/kannst, aber ich muss sagen, da kenne ich nur solche, die ich selbst benutzt habe. Sieh mal auf CSS4you.de nach, da siehst du, welcher Code für welchen Browser geht.

Thema: Re: Layout Problem #2 Sa Sep 13, 2008 11:02 am

xxsven89xx schrieb:: Was mir zudem auffällt ist, das das Hintergrundbild ziemlich lange zu laden braucht im FireFox wie ich finde.

Du könntest das Layout Format verändern, also von .png zu .jpg. Dann ist die Dateigröße kleiner und kann schneller geladen werden.

Die Größe ist nun von 800kb auf 200kb verändert worden. Nehme einfach folgenden Link:

Code:: http://img518.imageshack.us/img518/5580/papertt2eq4.jpg

Und ich muss zugeben, imageshack ist in letzter Zeit eh ziemlich langsam geworden, vielleicht einfach mal bei einem anderen Anbieter hochladen, wenn der Link jetzt nicht funktionieren würde.

// Edit //

Es wäre sinnvoll, wenn du noch ein mal dein momentanen Code zeigst, weil du ja anscheint an dem alten noch Dinge verändert hast.

Aber dieses mal bitte die <Code> Funktion nutzen.

Thema: Re: Layout Problem #2 Fr Sep 19, 2008 8:33 pm

Sorry das ich so lange nicht geantwortet habe aber bei mir ist momentan viel stress Layout Problem #2 66747

Aber jetzt wieder zum Thema.

@all: Hier der Layout-Code:

Code:: <html>
<!--- "Writing Pad" by KleiMo. Credits: Gimp, tutorial.scrawled.de, pixelio.de --!>
<head>
<style type="text/css">

body {
background-color: #000000;
font-family:century gothic;
color: #3963ed;
font-size:14px;
}

b, strong {
color: #3963ed;
font-size:14px;
}

u {
color: #3963ed;
font-size:14px;
}

i, em {
color: #3963ed;
font-size:14px;
}

s, del {
color: #3963ed;
font-size:14px;
}

TEXTAREA, INPUT {
border: 1px solid #FFFFFF;
color:#000000;
background-color:#FFFFFF;
}

TEXTAREA {
width300px;
height:400px;
}

.inhaltetable {
width: 100%;
}

a {
color: #000000;
background-color: #3963ed;
display:block;
border-bottom: 0px solid #3963ed;
font-size:12;
border:1px solid #000000;
text-decoration:none;
letter-spacing: 0px;
}

a:hover {
color: #3963ed;
font-size:12;
display:block;
border:1px solid #000000;
background-color: transparent;
text-decoration: none;
cursor: crosshair;
}

</style>
</head>

<body>
<img border="0" " src="http://img377.imageshack.us/img377/2663/papertt2.png" scroll="no" bgproperties="fixed" align="left" border="0" width="1024", height="768" style="position:absolute; top:0;left:0;">

<div align="left"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:251px;
height:129px;
left:22px;
top:78px; ">

<a href="http://xxsven89xx.myblog.de">Startseite</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/355080/0">Dies & Das</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346644/0">About me</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346416/0">News</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346188/0">Meine Lieblingsvideos</a>
<!--- STEHEN LASSEN!!! --!>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/gb">Gästebuch</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/contact">Kontakt</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/page/1791848">Steckbrief</a>
<br>
</div>

<div align="center"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:103px;
height:63px;
left:526px;
top:207px; ">

.

</div>

<div align="center"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:400px;
height:94px;
left:653px;
top:45px; ">

Ich bin ein netter und lockender Willkommenstext! :)

</div>

<div align="center"
style="solid;
font-size:11px;
color:#000000;
border-collapse: collapse;
position:absolute;
width:300px;
height:240px;
left:18px;
top:510px; ">

<!-- Start Umfrage -
      <center>
      <table width=140 cellpadding=2 cellspacing=2 border=1 bordercolor="#ffffff" bgcolor="#ff5400">
      <tr bgcolor="#ff9800">
      <td align=center><font style="font-size:12px" color="#000000" face="Arial"><b>Wie findest du Meine myblog seite? (abstimmen in Schulnoten)</b></font></td>
      </tr><tr bgcolor="#ffcf89">
         <td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=1"
         onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
         target="poperg"><font style="font-size:11px" color="#000000"
         face="Arial">1 (sehr gut)</font></a></td>
         </tr><tr bgcolor="#ffcf89">
         <td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=2"
         onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
         target="poperg"><font style="font-size:11px" color="#000000"
         face="Arial">2</font></a></td>
         </tr><tr bgcolor="#ffcf89">
         <td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=3"
         onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
         target="poperg"><font style="font-size:11px" color="#000000"
         face="Arial">3</font></a></td>
         </tr><tr bgcolor="#ffcf89">
         <td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=4"
         onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
         target="poperg"><font style="font-size:11px" color="#000000"
         face="Arial">4</font></a></td>
         </tr><tr bgcolor="#ffcf89">
         <td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=5"
         onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
         target="poperg"><font style="font-size:11px" color="#000000"
         face="Arial">5</font></a></td>
         </tr><tr bgcolor="#ffcf89">
         <td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=6"
         onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
         target="poperg"><font style="font-size:11px" color="#000000"
         face="Arial">6 (Unbefriedigend)</font></a></td>
         </tr><tr bgcolor="#ff9800">
      <td align=center><a href="http://abstimmen.de/click.php?uid=24392"
      onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
      target="poperg"><font style="font-size:11px" color="#000000" face="Arial"><b>Auswertung</b></font></a></td>
      </tr>
      </table>
      </center>
<!-- Ende Umfrage -

</div>

<div align="justify"
id="entry"
class="inhaltetable"
style="
overflow:auto;
position:absolute;
width:675px;
height:450px;
left:290px;
top:200px">

:CONTENT_HIER:

</div>

<div style="visibility: hidden;
position: absolute;
right:0;
bottom:0;">
{PLACE_POWEREDBY}
</div>

</body>
</html>

@benno: Welche Seiten könntest du außer Imageshack empfehlen?? Werde das Bild wenn möglich in PNG abspeichern hoff das es dan klappt.

Ich hoffe ihr könnt mir mit den Infos helfen fänd es echt toll wenn meine DSeite endlich mal ohne Probleme in Explorern oder so laufen würde. Layout Problem #2 206144

Thema: Re: Layout Problem #2 Fr Sep 19, 2008 10:31 pm

xxsven89xx schrieb:: @benno: Welche Seiten könntest du außer Imageshack empfehlen?? Werde das Bild wenn möglich in PNG abspeichern hoff das es dan klappt.

Das Originalbild was du momentan hast, ist doch bereits .png, dann brauchst du es ja nicht mehr als PNG abspeichern. Und wie gesagt, den Link den ich bereits im letzten Beitrag gepostet habe, könntest erst einmal versuchen.

Gibt viele Anbieter, z. B:

http://tinypic.com/
http://www.imagebanana.com/
...

Die zwei Benutze ich Hauptsächlich. Aber es gibt einfach etliche Anbieter, musst halt einfach mal den Herrn Google fragen.

// Edit //

Wenn ich das mal so per Frontpage bearbeiten will .. da ist echt kein durch kommen :D
Wo hast du dir denn den Code geklaut?
Wer hat den hier gemacht?

Ein Wunder das der bei dir überhaupt funktioniert, bei mir geht der nicht?!

Thema: Re: Layout Problem #2 Sa Sep 20, 2008 12:11 am

@ Benny: Mit Front Page zu arbeiten ist in Sachen MyBlog ohnehin sinnlos.

@ Sven: Läuft die Seite nun, wenn du das bild kleiner gemacht hast?

Thema: Re: Layout Problem #2 Sa Sep 20, 2008 11:27 am

Niyara schrieb:: @ Benny: Mit Front Page zu arbeiten ist in Sachen MyBlog ohnehin sinnlos

Tut mir Leid, - aber nein, ist es nicht.

Thema: Re: Layout Problem #2 Mo Sep 22, 2008 10:26 pm

So also ich hab jetzt mal das Headerbild als JPG hochgeladen und muss sagen vom laden her geht es nun schneller. Ich werde aber demnächst noch wie von euch gesagt andere anbieter ausprobier vielleicht geht es ja dann.

Beim Layout hat sich mit dieser änderung überhapt nix geändert nur das halt im FF das Bild schneller läd :(

Was kann man den da noch machen? Ich weiß es klingt komisch so etwas hier im Forum zu fragen aber kann jemand ein lay das einem aktuellen ähnlich sieht machn so das es überall (also FF, IE ect.) geht???

Thema: Re: Layout Problem #2 Mo Sep 22, 2008 10:46 pm

Ich kann schon, aber das kostet Zeit.
Ich werde sehen, ob ich die morgen finde, ja?

Thema: Re: Layout Problem #2 Di Sep 23, 2008 11:50 am

xxsven89xx schrieb:: [...]kann jemand ein lay das einem aktuellen ähnlich sieht machn so das es überall (also FF, IE ect.) geht???

Wieso ein anderes Layout machen?

Das einzigste was bei dir das Problem darstellt ist der Code, da ist irgendwo der Wurm drin.

// Edit //

Probiere mal diesen: (Bei mir läuft der nun im Internet Explorer)

Code:: <html>

<head>
<style type="text/css">

body {
background-color: #000000;
font-family:century gothic;
color: #3963ed;
font-size:14px;
}

b, strong {
color: #3963ed;
font-size:14px;
}

u {
color: #3963ed;
font-size:14px;
}

i, em {
color: #3963ed;
font-size:14px;
}

s, del {
color: #3963ed;
font-size:14px;
}

TEXTAREA, INPUT {
border: 1px solid #FFFFFF;
color:#000000;
background-color:#FFFFFF;
}

TEXTAREA {
width300px;
height:400px
}

.inhaltetable {
width: 100%;
}

a {
color: #000000;
background-color: #3963ed;
display:block;
border-bottom: 0px solid #3963ed;
font-size:12;
border:1px solid #000000;
text-decoration:none;
letter-spacing: 0px;
}

a:hover {
color: #3963ed;
font-size:12;
display:block;
border:1px solid #000000;
background-color: transparent;
text-decoration: none;
cursor: crosshair;
}

</style>
</head>

<body>
<img border="0" " src="http://img518.imageshack.us/img518/5580/papertt2eq4.jpg " scroll="no" bgproperties="fixed" align="left" border="0" width="1024", height="768" style="position:absolute; top:0;left:0;">

<div align="left"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:251px;
height:129px;
left:22px;
top:78px; ">

<a href="http://xxsven89xx.myblog.de">Startseite</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/355080/0">Dies & Das</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346644/0">About me</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346416/0">News</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/cat/346188/0">Meine Lieblingsvideos</a>

<a href="http://xxsven89xx.myblog.de/xxsven89xx/gb">Gästebuch</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/contact">Kontakt</a>
<a href="http://xxsven89xx.myblog.de/xxsven89xx/page/1791848">Steckbrief</a>
<br>
</div>

<div align="center"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:103px;
height:63px;
left:526px;
top:207px; ">

.

</div>

<div align="center"
style="solid;
font-size:11px;
color:#3963ed;
border-collapse: collapse;
position:absolute;
width:400px;
height:94px;
left:653px;
top:45px; ">

Ich bin ein netter und lockender Willkommenstext! :)

</div>

<div align="center"
style="solid;
font-size:11px;
color:#000000;
border-collapse: collapse;
position:absolute;
width:300px;
height:240px;
left:18px;
top:510px; ">


<center>
<table width=140 cellpadding=2 cellspacing=2 border=1 bordercolor="#ffffff" bgcolor="#ff5400">
<tr bgcolor="#ff9800">
<td align=center><font style="font-size:12px" color="#000000" face="Arial"><b>Wie findest du Meine myblog seite? (abstimmen in Schulnoten)</b></font></td>
</tr><tr bgcolor="#ffcf89">
<td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=1"
onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
target="poperg"><font style="font-size:11px" color="#000000"
face="Arial">1 (sehr gut)</font></a></td>
</tr><tr bgcolor="#ffcf89">
<td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=2"
onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
target="poperg"><font style="font-size:11px" color="#000000"
face="Arial">2</font></a></td>
</tr><tr bgcolor="#ffcf89">
<td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=3"
onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
target="poperg"><font style="font-size:11px" color="#000000"
face="Arial">3</font></a></td>
</tr><tr bgcolor="#ffcf89">
<td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=4"
onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
target="poperg"><font style="font-size:11px" color="#000000"
face="Arial">4</font></a></td>
</tr><tr bgcolor="#ffcf89">
<td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=5"
onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
target="poperg"><font style="font-size:11px" color="#000000"
face="Arial">5</font></a></td>
</tr><tr bgcolor="#ffcf89">
<td align="center"><a href="http://abstimmen.de/click.php?uid=24392&a=6"
onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
target="poperg"><font style="font-size:11px" color="#000000"
face="Arial">6 (Unbefriedigend)</font></a></td>
</tr><tr bgcolor="#ff9800">
<td align=center><a href="http://abstimmen.de/click.php?uid=24392"
onclick="poperg=window.open('','poperg','width=495,height=350,scrollbars=yes');poperg.focus()"
target="poperg"><font style="font-size:11px" color="#000000" face="Arial"><b>Auswertung</b></font></a></td>
</tr>
</table>
</center>



</div>

<div align="justify"
id="entry"
class="inhaltetable"
style="
overflow:auto;
position:absolute;
width:675px;
height:450px;
left:290px;
top:200px">

:CONTENT_HIER:

</div>

<div style="visibility: hidden;
position: absolute;
right:0;
bottom:0;">
{PLACE_POWEREDBY}
</div>

</body>
</html>

Thema: Re: Layout Problem #2 Mi Sep 24, 2008 10:04 pm

Das ist echt super Benno das du das hingekreigt hast 1000 (00000..) mal danke dafür! Layout Problem #2 790778

.

Was hast du den ändern müssen amit nun alles wieder richtig geht??

ÜBRIGENS: Problem ist damit gelöst und das Thema kann endlich geschlossen werden :)

Thema: Re: Layout Problem #2 Mi Sep 24, 2008 10:22 pm

Eigentlich nicht viel.

Die 'Profis', die den Code erstellt haben, haben die ...

Code:: <!-- testtest --!>

... falsch geschlossen.

Korrekt muss es so aussehen:

Code::

Joa, habe dann davon einige entfernt und verändert, scheint ja zu gehen.

Thema: Re: Layout Problem #2 Mi Sep 24, 2008 10:49 pm

» Layout-Problem
» Link-Problem
» Problem mit Kategorie