IE cūcības.

Cibiņš · November 15, 2009

Kapēc IE browseris neklausa platuma parametriem šajā apgabalā?

<tr>
   <td id="menuArea">adadadasdsa</td>
   <td>adasdasdad</td>
 </tr>

Uz FF viss okee bet IE otro tekstu aiznes pavisam otraa malaa.Mēģināju arī min/max width piešķirt IE un tikai width IE nekādu rezultātu.

lapas source

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<link href="1.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td colspan="2" id="tblCellHeader"><div id="headHat">
<div id="headerLine"></div>
<div id="headerUp">
<div id="lrrText"></div>
<div id="headerPicture"></div>
</div>
</div></td>
 </tr>
 <tr>
   <td id="menuArea">adadadasdsa</td>
   <td>adasdasdad</td>
 </tr>
 <tr>
   <td colspan="2" id="tblCellFooter"><div id="footerLine">
     <div id="footerTextBuffer">
       <span class="textCream">| </span>
       <span class="textOrange">Footer</span>
       <span class="textCream"> |</span>
     </div>
   </div></td>
 </tr>
</table>
</body>
</html>

1.css

html, body, table{
height: 100%;
width: 100%;
margin: 0px;
}
html, body{
background-image: url(../pics/_bg/_bg.png);
background-repeat: no-repeat;
background-position: left top;
}
#bgMenuUp {
position:absolute;
width:300px;
height:47px;
z-index:1;
top: 365px;
background-image: url(../pics/_bg/menuBgUp.png);
background-repeat: no-repeat;
background-position: left top;
}
#footerLine {
background-image: url(../pics/_elm/headLine.png);
background-repeat: repeat-x;
background-position: left top;
height: 43px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #CCC;
font-size: 10px;
}
#footerTextBuffer {
padding-top: 15px;
}
#headHat {
background-image: url(../pics/_elm/hat.png);
background-repeat: no-repeat;
background-position: left top;
height: 412px;
width: 100%;
}
#headerLine {
background-image: url(../pics/_elm/headLine.png);
background-repeat: repeat-x;
background-position: left top;
height: 43px;
text-align: left;
vertical-align: middle;
}
#headerPicture {
background-image: url(../pics/_elm/headPic.png);
background-repeat: no-repeat;
background-position: center center;
height: 309px;
width: 401px;
float: right;
margin-top: 11px;
margin-right: 40px;
}
#headerUp {
background-image: url(../pics/_bg/headUp.png);
background-repeat: repeat-x;
background-position: left center;
height: 369px;
width: 100%;
}
#lrrText {
height: 173px;
width: 437px;
background-image: url(../pics/_elm/llr_text.png);
background-repeat: no-repeat;
background-position: center center;
float: left;
margin-top: 95px;
margin-left: 53px;
}
#tblCellData {
width: auto;
}

#tblCellFooter {
height: 43px;
vertical-align: middle;
}
#menuArea {
width: 300px;
background-image: url(../pics/_bg/menuBgBody.png);
background-repeat: repeat-y;
background-position: left top;
}
#tblCellHeader {
text-align: left;
vertical-align: top;
height: 412px;
}
a.linksFooterBlue:link , a.linksFooterBlue:visited{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #00b1e9;
text-decoration: none;
}
a.linksFooterBlue:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #00b1e9;
text-decoration: underline;
}
.textOrange {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #f48f32;
}
.textCream {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fae4b3;
}

Edited November 15, 2009 by Cibiņš

Turecky · November 16, 2009

Tāds muļķīgs jautājums!

Kāpēc izmanto tabulu, kā lapas būtvētāju un paralēli ar css kaut ko mēģini??? Nu jau kādu laiciņu visu dizainu iekš CSS tikai taisa un tabulas izmanto TIKAI tabulārajiem datiem, kaut gan reizēm pat ar CSS pamanās izvadīt tabulas datus, bet tās jau individuālas izvirtības attiecībā uz dizanina lietām un to risinājumiem. Ja vaig infu par CSS un kā izveidot mājas lapai stilus viens no variantiem ir: Dynamic Drive CSS Library

Cibiņš · November 16, 2009

Tāds muļķīgs jautājums!

Domāju ka katrs taisa kā viņam vieglāk. Tādā gadījumā pasaki lūdzu, kā uz div modifikācijām uzsetot augstumu 100% lai tas attiektos uz iekšējo elementu, konkrētāk - #body, savukaart footeris lai atrodas pie browsera apakšējās malas, un headeris pie augšējās malas, vienā teikumā sakot - lai lapa būtu smuki 100% platumā un 100% augstumā. Kad #body elementā parādās vairāk teksta ta smuki footeris nodzenas lejā nevis skrien kkur kkas ārā, body pārvelkas pāri footerim vai kkā tā.

Uz ārējiem elementiem ir salīdzinoši vienkārši uzsetot augstumu uz 100% lai iet pa monitoru uz 100% bet ar iekšējiem elementiem nudien ir ķēpas.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
* html #outer #body{
height:100%;
}
html, body{
height:100%;
} 
html,body {
margin:0;
padding:0
}
#body {
height: 100%;
}
#footer {
height: 80px;
background-color: #093;
}
#header {
height: 140px;
text-align: center;
vertical-align: middle;
background-color: #06C;
}
#outer
{
min-height:100%;
height:auto;
background:#ffffcc
}
</style>
</head>

<body>
<div id="outer">
<div id="header">header</div>
<div id="body">body</div>
<div id="footer">footer</div>
</div>
</body>
</html>

Edited November 16, 2009 by Cibiņš

mefisto · November 16, 2009

Pag, pag .. tu gribi kaut ko šitādu ?

http://innonesen.se/test/l-6/

Cibiņš · November 16, 2009

Pag, pag .. tu gribi kaut ko šitādu ?

http://innonesen.se/test/l-6/

Pingo! Paldies!

Edited November 16, 2009 by Cibiņš

Sign In

IE cūcības.

Recommended Posts

Cibiņš

Link to comment

Share on other sites

Turecky

Link to comment

Share on other sites

Cibiņš

Link to comment

Share on other sites

mefisto

Link to comment

Share on other sites

Cibiņš

Link to comment

Share on other sites

Join the conversation

Browse

Activity