//flex table opened by JP
PDA

Click to See Complete Forum and Search --> : Another CSS question

nothing
09-02-2004, 09:55 PM
Once more, here I am :D


#menu {
position:absolute;
width:125px;
height:85;
top:20px;
left:5px;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:1;
}


This menu's width is displayed correctly on Mozilla but on IE it is shorter. Am I doing something wrong here? Thanks
fishybawb
09-03-2004, 08:23 AM
That looks OK to me, but CSS implementations can vary pretty dramatically from browser to browser, with IE generally being the biggest pain in the ****. Try specifying the width as a percentage of the screen width and see if that makes a difference.
nothing
09-03-2004, 12:27 PM
IE really sucks. I used to hate it but now I hate it even more! That didn't work, fishybawb. I will try a different approach. Can you help me with this?

<html><head><title>Granamar</title>
<style type="text/css">
<!--
body {
margin:10px 0px;
padding:0px;
text-align:center;
}

#Content {
width:500px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}

h1 {
color:#333;
font:1.8em/1 Georgia, "Times New Roman", Times, serif;
font-weight:900;
font-style:italic;
}

#Header {
margin:30px 0px 10px 0px;
padding:17px 0px 0px 20px;
height:33px;
border: 1px dashed black;
border-width:1px 0px;
line-height:11px;
background-color:#eee;
voice-family: "\"}\"";
voice-family:inherit;
height:14px; /* the correct height */
}
-->
</style>
</head>
<body>

<div id="Header"><h1>Granamar</h1></div>

</body>
</html>


I don't know how to put the word "Granamar" between those two lines.

:rolleyes:
ScaryBinary
09-04-2004, 09:09 PM
Not sure what you mean. I get the word "Granamar" between two dashed lines...(due to your #Header style).