Autor Zpráva
Václav Ulrych
Profil *
Dobré ráno,

mám blog na serveru blogger.com, používám jejich starší šablonu Harbor. Při rozlišení o šířce 1024 px je všechno ve všech prohlížečích v pořádku. Problémy nastávají u širších monitorů:
1) V IE se u někoho stane, co se stát má, tzn. mezera mezi levým menu a hlavním polem se zvětší, hlavní pole se rozšíří a blog je přes celou šíři stránky,
2) Bohužel v jiných prohlížečích (a dle mých zpráv i u někoho v IE) zůstává obrovský pravý okraj a malilinké písmo.

Nechci měnit šablonu, nemohu dát css do externího souboru (na bloggeru není kam), proto Vám níže posílám části kódu, které dle mého názoru za tyto potíže mohou a chtěl bych poprosit o pomoc, co upravit, aby u každého s monitorem nad 1024px platila varianta 1)

#navbar-iframe {   display: none !important;}

body {
  background:#FFFFFF url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
  background-attachment:fixed;
  margin:0;
  padding:0;
margin-top:0px;  position: relative;  top: -30px; 
  font:x-small Georgia,Serif;
  color:#000033;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
  body {background-attachment:scroll;}
  /* End IE5-Mac hack */
a:link {
  color:#0000FF;
  text-decoration:underline;
  }
a:visited {
  color:#400058;
  text-decoration:underline;
  }
a:hover {
  color:#940F04;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Page Structure
----------------------------------------------- */
#wrap {
  background:url("http://www.blogblog.com/harbor/sky.jpg") repeat-x left top;
  min-width:740px;
  margin:0;
  padding:0;
  text-align:left;
  }
#wrap2 {
  background:url("http://www.blogblog.com/harbor/lighthouse.jpg") no-repeat left top;
  }
#wrap3 {
  background:url("http://www.blogblog.com/harbor/cloud.jpg") no-repeat 100% 75px;
  }
#wrap4 {
  background:url("http://www.blogblog.com/harbor/center_cloud.jpg") no-repeat 50% 0;
  padding:15px;
  width:100%;
  width/* */:/**/auto;
  width: /**/auto;
  }
#content {
  max-width:890px;
  padding:0 28px 50px;
  width:100%;
  width/* */:/**/auto;
  width: /**/auto;
  }
html>body #content {
  float:center;
  }
#main {
  width:64%;
  float:right;
  }
#main2 {
  margin:0;
  padding:0;
  }
#sidebar {
  width:32%;
  float:left;
  }
#sidebar2 {
  margin:0;
  padding: 103px 0 20px;
  }


/* Header
----------------------------------------------- */
#header {
  padding:0px 0 0px 110px;
  }
#blog-title {
  margin:0 0 .25em;
  font-size:280%;
  font-weight:normal;
  color:#940F04;
  }
#blog-title a {
  color:#940F04;
  text-decoration:none;
  }
#description {
  margin:0;
  max-width:700px;
  font-size:82%;
  line-height:1.8em;
  font-weight:600;
  letter-spacing:.2em;
  color:#940F04;
  }


Ačkoli jsem pátral, řešení jsem nikde sám nenašel, třeba bude stačit jeden příkaz, jedna drobná změna. Teď musím pracovat, pokud některá důležitá část kódu chybí, napište a dodám ji odpoledne. Všem moc děkuji za pomoc.
KLM
Profil *
Naštuduj CSS a překopej to. Tady žádný machr, který by Ti poradil jednoduché řešení není.
Václav Ulrych
Profil *
Tak jsem se zařídil dle rady a překopal jsem to. Už je to lepší?

#navbar {
height:0px;
visibility:hidden;
display:none
}
body { 
background : #ffffff url("http://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom; 
background-attachment : fixed; 
margin : 0; 
padding : 0; 
margin-top : 0; 
position : relative; 
top : -30px; 
font : x-small Georgia, Serif; 
color : #000033; 
font-size : small; 
font-size : small; 
} 
body { 
background-attachment : scroll; 
} 
a:link { 
color : #0000ff; 
text-decoration : underline; 
} 
a:visited { 
color : #400058; 
text-decoration : underline; 
} 
a:hover { 
color : #940f04; 
text-decoration : underline; 
} 
a img { 
border-width : 0; 
} 
#wrap { 
background : url("http://www.blogblog.com/harbor/sky.jpg") repeat-x left top; 
min-width : 740px; 
margin : 0; 
padding : 0; 
text-align : left; 
} 
#wrap2 { 
background : url("http://www.blogblog.com/harbor/lighthouse.jpg") no-repeat left top; 
} 
#wrap3 { 
background : url("http://www.blogblog.com/harbor/cloud.jpg") no-repeat 100% 75px; 
} 
#wrap4 { 
background : url("http://www.blogblog.com/harbor/center_cloud.jpg") no-repeat 50% 0; 
padding : 15px; 
width : 100%; 
width : auto; 
width : auto; 
} 
#content { 
max-width : 890px; 
padding : 0 28px 50px; 
width : 100%; 
width : auto; 
width : auto; 
} 
#main { 
width : 64%; 
float : right; 
} 
#main2 { 
margin : 0; 
padding : 0; 
} 
#sidebar { 
width : 32%; 
float : left; 
} 
#sidebar2 { 
margin : 0; 
padding : 103px 0 20px; 
} 
#header { 
padding : 0 0 0 110px; 
} 
#blog-title { 
margin : 0 0 0.25em; 
font-size : 280%; 
font-weight : normal; 
color : #940f04; 
} 
#blog-title a { 
color : #940f04; 
text-decoration : none; 
} 
#description { 
margin : 0; 
max-width : 700px; 
font-size : 82%; 
line-height : 1.8em; 
font-weight : 600; 
letter-spacing : 0.2em; 
color : #940f04; 
} 

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: