Skocz do zawartości

Biały pasek tła u góry strony


fortes

Rekomendowane odpowiedzi

zyjwellness.pl

Na stronie na samej górze tuż nad menu górnym pojawia mi się biały pasek, który powstaje w wyniku przesunięcia całego obszaru strony w dół. Przeglądarki różnie to interpretują na moim IE nie ma tego paska jest jasno zielone tlo, na mozilli, operze itd jAK wół stoi pasek,

proszę o pomoc w rozwiązniu problemu.

Założenie jest takie aby cała strona była nieco przesunięta w dół, tak aby odstawała od góry

Oto fragment kodu CSS

html,body { 
margin: 0; 
padding: 0;
color: #000000; 
background: #ffffff; /* nieszczesny kolor bialego paska */
font-family: "Tahoma", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1.2;

} 
/* height bug */
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
table, ul, a, li, img, p, form, hr, dl, dt, dd, div, h1, h2, h3, h4, h5, h6, label {margin:0; padding:0} 
h1, h2, h3, h4, h5, h6 { font-size: 11px; color: #00a651; font-weight: bold; text-indent: 0px; font-family:"Trebuchet MS", Arial, sans-serif;}

#bg_1{margin: 0; padding: 0; color: #000000; background: #beff9e;} /* WARSTWA ZIELONEGO TLA*/

#bg { width: 100%; height:100%;  top:0; left:0; background:url(../images/bg.gif) bottom right repeat-x;} /* WARSTWA TLA GRADIENTOWEGO U DOLU STRONY */
#header{width: 890px; height: 220px; margin-top: 20px; background: url(../images/header.png) center no-repeat;}/* PUNKT SPORNY PRZESUNIETY NAGLOWEK STONY O 20PX W DÓŁ */

#topmod_box {float: right; width: 437px; height: 10px;}
#topmod {height: 60px; width: 350px;margin: 50px;}

zaznaczę że element body musi być koloru białego

Odnośnik do komentarza
Udostępnij na innych stronach

Witaj,

Nie wiem jaki ma być efekt bo u mnie również w IE jest biały pasek.

Domyślam się, że zamiast białego ma być zielony, więc w kodzie :

<div align="center">
	<div id="header">
		<div id="top">

dodaj style="padding-top: 20px;"

<div align="center" style="padding-top: 20px;">
	<div id="header">
		<div id="top">

i z #header wywal margin-top:20px; powinno pomóc.

Oczywiście zmiany można przenieść do pliku ze stylami, jedynie wskazałem diva do edycji

Mateusz.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności