|
|
| |
|
|
| |
|
|
| |
forum.webPC.pl
|
|
|
 |
|
Rejestracja ::
Zaloguj
|
Zaloguj się, by sprawdzić wiadomości
|
| |
  |
|
| Dodatkowy margines (najprawdopodobniej) w IE |
> Zobacz poprzedni temat :: Zobacz następny temat --> |
| Autor |
Wiadomość
|
| Panthere_Noire |
 Wysłany: Sob Wrz 08, 2007 6:23 pm Temat postu: Dodatkowy margines (najprawdopodobniej) w IE |
 |
|
Początkujacy
Dołączył: 05 Sie 2007
Posty: 11
|
Mam problem z ta strona, otoz wysiwetla sie ona dobrze w FF, a w IE rozjezdza, tzn robi sie dodatkowy margines miedzy divami... Tylko nie wiem czemu, prosze o pomoc http://www.somewhere.w8w.pl.
Kod HTML:
| Kod: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>.....
</title>
<meta http-equiv="content-Language" content="pl" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="" />
<meta name="classification" content="" />
<meta name="keywords" content="" />
<meta name="abstract" content="" />
<meta name="author" content="http://www.webmastering.net.pl" />
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<meta name="msnbot" content="index,follow" />
<meta name="revisit-after" content="2 days" />
<meta name="rating" content="general" />
<meta name="distribution" content="global" />
</head>
<body>
<div id="box">
<div id="header">
</div>
<div id="menu">
<div id="menu1">
</div>
<div id="menu2">
<a href="index.html">
<img src="images/2.gif" alt="Home" /></a>
</div>
<div id="menu3">
<a href="portfolio.html">
<img src="images/3.gif" alt="Portfolio" /></a>
</div>
<div id="menu4">
<a href="linki.html">
<img src="images/4.gif" alt="Linki" /></a>
</div>
<div id="menu5">
<a href="inne.html">
<img src="images/5.gif" alt="Inne" /></a>
</div>
<div id="menu6">
</div>
</div>
<div id="top">
</div>
<div id="content">
<div id="content2">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent faucibus arcu sed metus. Donec iaculis felis. Fusce non est in leo posuere ultricies. In nec felis. Etiam orci ante, semper nec, iaculis nec, volutpat nec, nisi. In porttitor quam nec sem. Ut justo ipsum, sollicitudin sed, fermentum pulvinar, pharetra sit amet, sem. Sed libero. Morbi iaculis velit vitae nulla. Sed id justo quis libero blandit accumsan. Sed vulputate lacinia leo. Nulla vehicula sagittis ipsum. Sed vel mi dictum odio ultricies porta. Nam tristique posuere libero. Curabitur ut quam nec erat volutpat sagittis. Mauris sed orci.
</p>
</div>
</div>
<div id="bottom">
</div>
<div id="footer">
<span style="font-size: 9px">
All right reserved - Wszystkie prawa zastrzeżone -
<a href="http://webmastering.net.pl">webmastering.net.pl</a>
</span>
</div>
<div id="down">
</div>
</div>
</body>
</html>
|
CSS:
| Kod: |
* {
padding: 0;
margin: 0;
}
body {
text-align: center;
margin: 50px auto;
background: black;
color: #fff;
}
#box {
width: 900px;
margin: 50px auto;
}
#header {
background: url('images/header.gif');
width: 900px;
height: 295px;
}
#menu {
width: 900px;
height: 60px;
float: left;
}
#menu1 {
width: 166px;
background: url('images/1.gif');
float: left;
height: 60px;
}
#menu2 {
width: 149px;
float: left;
height: 60px;
}
#menu3 {
width: 145px;
float: left;
height: 60px;
}
#menu4 {
width: 150px;
float: left;
height: 60px;
}
#menu5 {
width: 136px;
float: left;
height: 60px;
}
#menu6 {
width: 154px;
background: url('images/6.gif');
float: left;
height: 60px;
}
#top {
background: url('images/top.gif') no-repeat top;
width: 900px;
height: 117px;
clear: both;
margin: 0;
padding: 0;
}
#content {
background: url('images/content.gif');
width: 900px;
clear:both;
}
#bottom {
background: url('images/bottom.gif');
width: 900px;
height: 125px;
}
#footer {
background: url('images/footer.gif') no-repeat;
width: 900px;
height: 29px;
}
#down {
background: url('images/down.gif');
width: 900px;
height: 52px;
}
#content2 {
margin: 0 190px;
}
a {
color: white;
}
img {
border: none;
margin: 0;
padding: 0;
}
|
|
|
| Powrót do góry |
|
|
| haltus |
| Wysłany: Nie Wrz 09, 2007 10:09 am Temat postu: |
|
|
Młodzieniec
Dołączył: 29 Lis 2006
Posty: 38
Skąd: Międzychód
|
|
| Powrót do góry |
|
|
| Panthere_Noire |
| Wysłany: Nie Wrz 09, 2007 2:14 pm Temat postu: |
|
|
Początkujacy
Dołączył: 05 Sie 2007
Posty: 11
|
Wszędzie są ustalone width'y i height'y.
A ten margines jest w divie #content2, w ktorym znajduje się Lorem Ipsum. Ma taki margines, po to, zeby tekst wyswietlal sie na tym szarym rozjasnieniu, a nie poza nim.
EDIT2:
Mam problem z szablonem na swoją strone. Pod kazda przegladarka wyglada inaczej, pod kazda zle. Prosze zobaczyc: www.somewhere.w8w.pl W IE kawalek menu (w osobnym pliku oczywiscie on jest - menu6.gif) przechodzi mi do nastepnej linijki, a w FF ucina mi menu od dolu...:/
Oto kod html:
http://wklej.org/id/ed29e7518c
A to CSS:
http://wklej.org/id/55fdcad5d5
Bardzo prosze o szybka pomoc w naprawieniu problemu. |
|
| Powrót do góry |
|
|
|
|
|
| |
|
Strona 1 z 1 |
|
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
|
|
|
|
