nicht angemeldet
Hintergrund per Bg-img problem im IE
Hallo zusammen,
Habe gestern versucht auf einer Seite von einem bekannten einen Verlauf in der hintergrund zu bekommen.
Die seite befindet sich auf www.berrycline.com
Im IE wird der Verlauf nicht richtig angezeigt, man sieht eine scharfe kante.
Der gewünschte effekt soll der sein den Firefox richtig darstellt.
Habe die seite schon durch den Validator laufen lassen, aber da ist nichts zu finden was den Hintergrund betreffen könnte..
CSS zum Hintergrund:
* {
margin: 0;
padding: 0;
}
body {
margin-top: 0px;
background: #000000 url(images/bg.jpg) repeat-x center top;
font: normal small Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
Hat wer da ne Idee?
Danke und Mfg Tributer
-
Moin
Dein Problem ist nicht der Hintergrund, sondern ein nicht aufgehobenes float.
Verschiebe den Div, der das Float aufhebt eine Ebene höher, und schon solltes funktionieren.Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Moin
Dein Problem ist nicht der Hintergrund, sondern ein nicht aufgehobenes float.
Verschiebe den Div, der das Float aufhebt eine Ebene höher, und schon solltes funktionieren.Gruß Bobby
Habe grade ein wenig rum probiert aber hat nichts gebracht.
Denke das nicht aufgehobene Float is die Leiste in der die Menu buttons sind oder?Wie kann ich das denn jetzt regeln das das eine Ebene höher ist?
-
Moin
Du hast mich glaub ich falsch verstanden. Du hast in deinem Quelltext stehen:
</div> </div> <div style="CLEAR: both"></div>Das musst du einfach tauschen.
<div style="CLEAR: both"></div> </div> </div>Diee Aufhebung des Floats von den Divs "sidebar" und "main" muss direkt nach Beendigung dieser durchgeführt werden und nicht noch 2 Ebenen weiter. Guter Tipp am Rande: Versuche bitte deine DIV-Suppe etwas zu lichten. Dann passiert sowas auch nicht. Außerdem sollte deine Seite dringend validiert werden.
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Außerdem sollte deine Seite dringend validiert werden.
Gruß Bobby
Ahh ok danke dir.
Validiert mekert der noch an 3 sachen rum.
Is halt strict und ich habe den Head banner nicht in CSS formatiert.
habe die seite per Upload validiert gestern.-
Moin
Validiert mekert der noch an 3 sachen rum.
Is halt strict und ich habe den Head banner nicht in CSS formatiert.Also das lasse ich als Ausrede nicht gelten:
1. <center> kann ersetzt werden durch CSS
align:center;
2. border="0" kann durch CSS ersetzt werdenborder:0;
3. das <h1>-Element muss außerhalb eihnes <p>-Elementes stehen. Also das P drumherum löschen
4. widht="286" muss width="286" lauten (einfach nur verschrieben).
5. und einem Bild MUSS mnan ein Alt-Attribut geben.Also sage nicht, das deine Seite nicht valide zu gestalten ist. Was der Validator aufzählt sind richtige FEHLER. Also behebe diese, und versuch dich nicht mit fadenscheinigen Ausreden darum zu drücken. :-D
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Hi,
- <center> kann ersetzt werden durch CSS
align:center;
Das ist so nicht ganz richtig. <center> vererbt sich nicht.
- border="0" kann durch CSS ersetzt werden
border:0;
Ja bei 0 schon aber bei border="1" siehts das schon anders aus.
Hans
-
Moin
Das ist so nicht ganz richtig. <center> vererbt sich nicht.
Dann gibst du dem nächste Elemnt per CSS wieder ein
text-align:left;. Wo ist bitteschön das problem. In XHTML1 ist ein Element center einfach nicht erlaubt und kann durch CSS ersetzt werden.Ja bei 0 schon aber bei border="1" siehts das schon anders aus.
Wo ist da das Problem?
border:1px solid #FarbeAlso bitte.....
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Hi,
Dann gibst du dem nächste Elemnt per CSS wieder ein
text-align:left;. Wo ist bitteschön das problem. In XHTML1 ist ein Element center einfach nicht erlaubt und kann durch CSS ersetzt werden.Ich dachte erst ab dem unsäglichen XHTML 1.1, aber egal darum gehts ja auch nicht. Tatsächlich nutze ich schon lange kein <center> mehr, weil es deprecated eingestuft ist, aber die Mehrarbeit dadurch ist nicht ohne und somit der eventuelle Wegfall bedauerlich.
text-align, margin:auto, usw....»» Ja bei 0 schon aber bei border="1" siehts das schon anders aus.
Wo ist da das Problem?
border:1px solid #FarbeWir reden dich gerade von einer Tabelle? Dann mach doch bitte mal einen Test mit deinem Css und border="1". Siehst du den Unterschied?
Hans
-
Moin
Wir reden dich gerade von einer Tabelle? Dann mach doch bitte mal einen Test mit deinem Css und border="1". Siehst du den Unterschied?
Es gibt keinen!!!
Test:
<img src="images/ssl.jpg" border="1">
<img src="images/ssl.jpg" style="border:1px solid #000">Ergebnis:
Also wo ist der Unterschied?
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Moin
»» Wir reden doch gerade von einer Tabelle? Dann mach doch bitte mal einen Test mit deinem Css und border="1". Siehst du den Unterschied?
Es gibt keinen!!!
Test:
<img src="images/ssl.jpg" border="1">
<img src="images/ssl.jpg" style="border:1px solid #000">Ist das eine Tabelle?
Hans
-
Moin
Ist das eine Tabelle?
Was hat das mit dem Bespiel des Fragers zu tun?
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Hi,
»» Ist das eine Tabelle?
Was hat das mit dem Bespiel des Fragers zu tun?
Gar nichts, deshalb fragte ich nochmals nach ob Tabelle gemeint ist.
Das war ein Denkproblem von mir, weil ich bei border="0" immer von Tabellen ausgehe, somit den Quelltext des OP nicht aufgesucht hatte, denn bei allen anderen Elementen, da stimme ich dir zu, wäre border überflüssig.Gruss
Hans-
Hi,
»» »» Ist das eine Tabelle?
»»
»» Was hat das mit dem Bespiel des Fragers zu tun?
»»Gar nichts, deshalb fragte ich nochmals nach ob Tabelle gemeint ist.
Das war ein Denkproblem von mir, weil ich bei border="0" immer von Tabellen ausgehe, somit den Quelltext des OP nicht aufgesucht hatte, denn bei allen anderen Elementen, da stimme ich dir zu, wäre border überflüssig.Gruss
HansAlso das was Bobby gepostet hat mit Center geht nicht?
und left-margin: auto; right-margin: auto;
könnte ich das so machen?
-
Moin
Also das was Bobby gepostet hat mit Center geht nicht?
und left-margin: auto; right-margin: auto;
könnte ich das so machen?
Was geht nicht? Bitte eine genaue Beschreibung was du gemacht hast und wie das Ergebnis war.
Hat dein Body text-align:center? Oder welchem Element wolltest du die Zentrierung mitgeben?
Natürlich musst du deinen Code etwas umstellen.
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Hallo
Was geht nicht? Bitte eine genaue Beschreibung was du gemacht hast und wie das Ergebnis war.
Hab das ja noch nicht versucht, da einer hier geschrieben hatte das geht so nicht.
Hat dein Body text-align:center? Oder welchem Element wolltest du die Zentrierung mitgeben?
Dem Banner oben im kopf der seite. Ist als <img id="banner"></img> drinnen.
habe schon versucht im stylesheet mit
#banner { text-align: center; }mfg Tributer
-
Moin
Dem Banner oben im kopf der seite. Ist als <img id="banner"></img> drinnen.
habe schon versucht im stylesheet mit
#banner { text-align: center; }Du musst natürlich dem darüberliegenden Element ein Text-align:center geben. Dann wird dein Bild auch mittig angezeigt. Für deinen Div in dem der Inhalt dargestellt ist, kannst du dies ja wieder mit text-align:left aufheben.
Gruß Bobby
--
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)-
Hmm wurde mein Post nicht als neuer Post angesehen.
Nochmal. Sry wegen doppelt :)
Moin
Du hast mich glaub ich falsch verstanden. Du hast in deinem Quelltext stehen:
</div>
</div>
<div style="CLEAR: both"></div>Das musst du einfach tauschen.
<div style="CLEAR: both"></div>
</div>
</div>Diee Aufhebung des Floats von den Divs "sidebar" und "main" muss direkt nach Beendigung dieser durchgeführt werden und nicht noch 2 Ebenen weiter. Guter Tipp am Rande: Versuche bitte deine DIV-Suppe etwas zu lichten. Dann passiert sowas auch nicht. Außerdem sollte deine Seite dringend validiert werden.
Gruß Bobby
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)
Seite Nachricht beantworten
Bisher wurde dieses Posting 0 mal als fachlich hilfreich bewertet. Um ein Posting zu bewerten, müssen Sie sich registrieren.
nach oben nach unten*
Hintergrund per Bg-img problem im IEDie folgende Nachricht zum Thema stammt von: Tributer, 13. Februar 2009, 15:17
»» Moin
»»
»» Du hast mich glaub ich falsch verstanden. Du hast in deinem Quelltext stehen:
»»
»»
»» </div>
»» </div>
»» <div style="CLEAR: both"></div>
»»
»»
»» Das musst du einfach tauschen.
»»
»»
»» <div style="CLEAR: both"></div>
»» </div>
»» </div>
»»
»»
»» Diee Aufhebung des Floats von den Divs "sidebar" und "main" muss direkt nach Beendigung dieser durchgeführt werden und nicht noch 2 Ebenen weiter.
»»
»» Gruß Bobby
»»hmm das geht nicht war doch richtig verstanden oder?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Berry Cline - Homepage</title>
<meta name="keywords" content="Musik, schlager, party, pop, singen, sänger"/>
<meta name="description" content=""/>
<link href="default.css" rel="stylesheet" type="text/css"/>
</head>
<body id="Verlauf">
<center><img src="images/img01.jpg" alt="Berrycline"></img></center>
<div id="header">
<div id="logo">
<div>
</div>
<div id="menu">
<ul>
<li><a title="" href="index.html?home">Homepage</a></li>
<li><a title="" href="index.html?bio">Biographie</a></li>
<li><a title="" href="#">News</a></li>
<li><a title="" href="index.html?kontakt">Kontakt</a></li>
<li><a title="" href="index.html?imp">Impressum</a></li>
<li><a title="" href="#">Partner</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="content">
<div id="sidebar">
<div id="support">
<h2></h2>
<h3></h3>
</div><div id="updates" class="boxed">
<h2 class="title">Neueste Updates</h2>
<div class="content">
<ul>
<li>
<h3>17. Dezember 2008</h3>
<p><a href="#">Webseite online!</a></p>
<h3>17. Dezember 2008</h3>
<p><a href="index.html?bio">Biographie online!</a></p>
<h3>23. Dezember 2008</h3>
<p><a href="index.html?kontakt">Kontakt Formularonline!</a></p>
</li></ul>
</div>
</div>
</div>
<div id="main">
<div id="welcome" class="post"></div>
<div class="story">
<!--#if expr="$QUERY_STRING = /bio/" -->
<!--#include virtual="include/bio.inc" -->
<!--#elif expr="$QUERY_STRING = /imp/" -->
<!--#include virtual="include/imp.inc" --><!--#elif
expr="$QUERY_STRING = /kontakt/" -->
<!--#include virtual="include/kontakt.inc" --><!--#elif expr="$QUERY_STRING = /danke/" -->
<!--#include virtual="include/danke.inc" -->
<!--#else -->
<!--#include virtual="include/home.inc" -->
<!--#endif -->
</div>
</div>
<div style="CLEAR: both"></div>
</div>
</div><div></div>
<div id="footer">
</div></div>
</body>
</html>MFG Tributer
-
-
Hi,
Dem Banner oben im kopf der seite. Ist als <img id="banner"></img> drinnen.
habe schon versucht im stylesheet mit
#banner { text-align: center; }Eventuellen "Text" innerhalb des Bildes zu zentrieren, ist Aufgabe des Bedieners des bilderstellenden Programms.
MfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“
-
-
-
Hi,
und left-margin: auto; right-margin: auto;
könnte ich das so machen?
Nicht raten, sondern nachlesen:
http://de.selfhtml.org/css/eigenschaften/randabstand.htmMfG ChrisB
--
„This is the author's opinion, not necessarily that of Starbucks.“
-
-
-
-
-
-
-
- <center> kann ersetzt werden durch CSS
-
-
-
Moin
Du hast mich glaub ich falsch verstanden. Du hast in deinem Quelltext stehen:
</div>
</div>
<div style="CLEAR: both"></div>> > Das musst du einfach tauschen. > > ~~~html > <div style="CLEAR: both"></div> > </div> > </div> >Diee Aufhebung des Floats von den Divs "sidebar" und "main" muss direkt nach Beendigung dieser durchgeführt werden und nicht noch 2 Ebenen weiter.
Gruß Bobby
hmm das geht nicht war doch richtig verstanden oder?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Berry Cline - Homepage</title> <meta name="keywords" content="Musik, schlager, party, pop, singen, sänger"/> <meta name="description" content=""/> <link href="default.css" rel="stylesheet" type="text/css"/> </head> <body id="Verlauf"> <center><img src="images/img01.jpg" alt="Berrycline"></img></center> <div id="header"> <div id="logo"> <div> </div> <div id="menu"> <ul> <li><a title="" href="index.html?home">Homepage</a></li> <li><a title="" href="index.html?bio">Biographie</a></li> <li><a title="" href="#">News</a></li> <li><a title="" href="index.html?kontakt">Kontakt</a></li> <li><a title="" href="index.html?imp">Impressum</a></li> <li><a title="" href="#">Partner</a></li> </ul> </div> </div> <div id="wrapper"> <div id="content"> <div id="sidebar"> <div id="support"> <h2></h2> <h3></h3> </div> <div id="updates" class="boxed"> <h2 class="title">Neueste Updates</h2> <div class="content"> <ul> <li> <h3>17. Dezember 2008</h3> <p><a href="#">Webseite online!</a></p> <h3>17. Dezember 2008</h3> <p><a href="index.html?bio">Biographie online!</a></p> <h3>23. Dezember 2008</h3> <p><a href="index.html?kontakt">Kontakt Formular online!</a></p> </li> </ul> </div> </div> </div> <div id="main"> <div id="welcome" class="post"> </div> <div class="story"> <!--#if expr="$QUERY_STRING = /bio/" --> <!--#include virtual="include/bio.inc" --> <!--#elif expr="$QUERY_STRING = /imp/" --> <!--#include virtual="include/imp.inc" --> <!--#elif expr="$QUERY_STRING = /kontakt/" --> <!--#include virtual="include/kontakt.inc" --> <!--#elif expr="$QUERY_STRING = /danke/" --> <!--#include virtual="include/danke.inc" --> <!--#else --> <!--#include virtual="include/home.inc" --> <!--#endif --> </div> </div> <div style="CLEAR: both"></div> </div> </div> <div></div> <div id="footer"> </div></div> </body> </html>MFG Tributer
-
-
-