3 replies [Last post]
Caveman
Offline
Regular
Anchorage
Last seen: 12 years 12 weeks ago
Anchorage
Joined: 2007-11-12
Posts: 15
Points: 0

Its best if I show you.

Sartori

The grey bar appears correctly in Internet Explorer, however it appears differently in each other browser I try, specifically Firefox. I just used a height value to force the menu to line up with the bar in the other image. It works sometimes but not others. I tried to use margins but with no luck. Is there some sort of browser specific hack I can use to make this work or is there a better way to organize this so it will appear correctly?

HTML

Mark Sartori

Discography

Table for Two at the Cafe Mystique

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras posuere pede ut urna. In et diam. Proin laoreet dui id eros accumsan laoreet. Maecenas felis. Duis euismod lorem sit amet nulla. Nulla facilisi. Sed consequat odio ac odio. Nulla dapibus lobortis lectus. Nullam sem ligula, consectetuer nec, tempor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras posuere pede ut urna. In et diam. Proin laoreet dui id eros accumsan laoreet. Maecenas felis.

 

Music Downloads

The Lover's Hush: Time - 23:56 | Album - Table for Two at the Cafe Mystique | Price - $0.99

Amet, consectetuer adipiscing elit. Cras posuere pede ut urna. In et diam. Proin laoreet dui id eros accumsan laoreet. Maecenas felis.

: BUY NOW :



Moonlight: Time - 7:20 | Album - Table for Two at the Cafe Mystique | Price - $0.99

Sed consequat odio ac odio. Nulla dapibus lobortis lectus. Nullam sem ligula, consectetuer nec, tempor et, venenatis in, tortor. Aliquam diam. Cras auctor iaculis odio.

Fusce est. Vivamus id odio et ligula lacinia sollicitudin. Sed pretium. Nullam sodales ligula quis velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nunc.

: BUY NOW :



Midnight Serenade: Time - 9:17 | Album - Table for Two at the Cafe Mystique | Price - $0.99

Vivamus id odio et ligula lacinia sollicitudin. Sed pretium. Nullam sodales ligula quis velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce nunc.

: BUY NOW :



Tender Lights: Time - 14:40 | Album - Table for Two at the Cafe Mystique | Price - $0.99

Cras quam massa, sollicitudin eu, hendrerit et, dignissim ut, orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas arcu. Phasellus dolor. Proin mauris neque, feugiat at, tempus sed, cursus a, ligula.

: BUY NOW :

Photos




Sed pretium
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Nulla facilisi. Maecenas arcu. Phasellus dolor. Vivamus id odio et ligula lacinia sollicitudin.

Cursus a ligula
dignissim ut, orci. Cum sociis natoque penatibus et magnis dis parturzient montes, nascetur ridiculus mus. Nulla facilisi. Maecenas arcu. Phasellus dolor. Proin mauris neque, feugiat at, tempus sed,

music center | contact mark [email protected]

CSS

@charset "UTF-8"; /* CSS Document */

body {
background-color:#000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #FFFFFF;
margin: 0px;
padding: 0px;
text-align: center;
}

.content #container {
width: 58.5em;
background: #000000;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

.content #mainContent {
width: 33.69em;
color: #FFFFFF;
background-color: #000000;
text-align: left;
margin: 0;
background-position: 5em;
}

.content #harpRight {
width: 24.81em;
height: 69.25em;
background-image:url(assets/pictures/mainharp.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
float: right;
background-position: 0em 3em;
}

.content #header {
width: 33.69em;
background-image: url(assets/pictures/imageHead.jpg);
background-repeat: no-repeat;
height: 6.38em;
}

.content h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #FFFFFF;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
}
.content h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
}
.content p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
color: #FFFFFF;
}
.content #cafetwo {
float: left;
padding-right: 10px;
}
.buynow {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
letter-spacing: 0.2em;
}
.content #img {
float: left;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
margin-bottom: 2.12em;
}
.content #content2Right {
width: 17em;
height: 12em;
margin-left: 16.7em;
}
.content #content2Left {
float: left;
width: 16.69em;
height: 12em;
}
.content #content2Content {
width: 33.69em;
}
.footer {
width: 58.5em;
margin-top: 0.5em;
}
.footer #textleft {
text-align: left;
}
.footer #textright {
text-align: right;
}
.content #content2header {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 0px;
}
.content #topContent {
height: 17.25em;
}

Caveman
Offline
Regular
Anchorage
Last seen: 12 years 12 weeks ago
Anchorage
Joined: 2007-11-12
Posts: 15
Points: 0

* bump *

* bump *

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 11 hours 49 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9761
Points: 3843

It's a little soon to bump

It's a little soon to bump a thread, <24hrs.

You could be a bit more explicit about your issue. Which gray line? What's wrong with it?

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Caveman
Offline
Regular
Anchorage
Last seen: 12 years 12 weeks ago
Anchorage
Joined: 2007-11-12
Posts: 15
Points: 0

hehe what can I say I am

hehe what can I say I am impatient especially when I know its going to turn out to be such a small Issue.
The grey bar I am referring to is the menu or nav bar and it is the grey one that goes all the way across the screen with words in it. I got it to line up perfectly in IE7 but Firefox displays it differently and I have yet to test it in IE6. Do i just need browser specific hacks or is there a better way to lay this out?