 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
quartzy
Joined: 26 Dec 2007
Posts: 404
|
 Posted: Tue Apr 15, 2008 6:02 am endif problems |
 |
|
|
| Code: |
<!--[if IE]
.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;}
![endif]-->
|
Is this the correct way to add an comment? only when I added it, the layout went large text. I then added a 1.em padding top to the #fullwidth divs, I realise it is a conditional comment but I quite liked having more space at the top so I added it to the divs.
The endingwidth text is normal but the other two divs text is very large.
| Code: |
* html > body #container {height: auto;}
* {margin: 0;padding: 0;}
* html .menu li a {/*IE only. Actual menu width minus left padding of A element (10px) */width: 740px; height: 1%;}
<!--[if IE]
.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;}
![endif]-->
body {
font-family: "Helvetica Verdana", Arial, sans-serif;
font-size: .88em;
color: #FFFFFF;
text-align: center;
background-image: url('images/background.gif');}
#container {
width: 750px;
height: 100%;
margin: auto;
background: #000000;
text-align: left;}
#centercontent {
width: 750px;
float: left;
background: #000000;
color: #FFFFFF;
display: inline;
height: 1%;/* combat IE's 3 pixel jog */}
#header {
width: 750px;
height: 80px;
background-color: black;
background-image: url('images/header.gif');
background-repeat: no-repeat;
margin-bottom: 0;
padding-bottom: 0;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.menu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/lista.gif) center center repeat-x;
}
.menu li{
display: inline;
}
.menu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.menu li a:visited{
color: white;
}
.menu li a:hover, .menu li .current{
color: white;
background: transparent url(images/listb.gif) center center repeat-x;
}
#fullwidth {
width: 730px;
position: relative;
float: left;
margin: 5px;
padding: 1em;
font-size: 0.88em;
font-family: helvicta, verdana, sans-serif;}
#fullwidth2 {
width: 730px;
position: relative;
float: left;
margin: 5px;
padding: 1em;
font-size: 0.88em;
font-family: helvicta, verdana, sans-serif;
}
#endingwidth {
width: 730px;
position: relative;
float: left;
margin: 5px;
padding: 1em;
font-size: 0.88em;
font-family: helvicta, verdana, sans-serif;}
|
I do not now have access to IE6 and it is not uploaded yet, so I cannot check to see if it works but the list works OK in other browsers. Can anyone tell me if the comment is correct? and why the text is going wrong? |
|
quartzy
Joined: 26 Dec 2007
Posts: 404
|
| Posted: Sun Apr 20, 2008 5:51 pm re |
|
|
|
| I have fixed this now, I added a class to the header 1 tags and changed the font for all the divs. I think the endif is OK as it seems to work now. |
|
Straystudio
Joined: 14 Apr 2008
Posts: 238
Location: Nord Italy
|
| Posted: Sun Apr 20, 2008 6:02 pm |
|
|
|
| Helvetica / helvicta |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
