navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Scrolling Problem

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Scrolling Problem
Page: [1]
 
Giomanach

 

Posts: 6129
Joined: 11/19/2003
From: England
Status: offline

 
Scrolling Problem - 3/12/2004 5:25:51   
Currently under construction, my music site, and I have recently chnaged it over from div layers to tables, due to a browser issue, mainly layout in opera and NN, but I still have one problem. In everything but IE the main body and bnav bar scrolls over the main header, instead of with it, here's my stylesheet:

body{
font-size: 12px;
font-family: Verdana, Tahoma, Arial, Sans-serif;
color: #FFF;
background: #122555;
margin: 0;
}

a:link{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:visited{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

a:hover{
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}

img{
border: 0px;
}

.top{
background: url(../images/topleft.jpg) fixed;
background-repeat: no-repeat;
height: 120px;
padding: 5px 5px 0px 5px;
}

.nav{
width: 120px;
}

.nav a:link{
display: block;
padding: 5px 10px 5px 10px;
text-align: center;
border: 1px outset #AAAAAA;
background: transparent;
}

.nav a:visited{
display: block;
padding: 5px 10px 5px 10px;
text-align: center;
border: 1px outset #AAAAAA;
background: transparent;
}

.nav a:hover{
display: block;
padding: 5px 10px 5px 10px;
text-align: center;
border: 1px inset #AAAAAA;
text-decoration: none;
color: #00FFFF;
}


.content{
height: 400px;
padding: 5px 0px 5px 10px;
}

.copyright{
font-size: 10px;
font-weight: bold;
}

Any ideas?

HTML document is just a simple nested table, with graphic on top with a colspan of two and two colums underneath, one for nav and the other for content

Cheers

Dan

_____________________________



Giomanach

 

Posts: 6129
Joined: 11/19/2003
From: England
Status: offline

 
RE: Scrolling Problem - 3/15/2004 4:33:55   
No need people, I solved it. It's because I had the main top image set as a background rather than as an image inserted into the document.

_____________________________




(in reply to Giomanach)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Scrolling Problem - 3/15/2004 7:32:50   
Hi Dan, glad to see that you solved this. I know i wouldn't have been able to help, not that far along :) Plus I have not really been around too much. Lots of reading to accomplish.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Giomanach)
Giomanach

 

Posts: 6129
Joined: 11/19/2003
From: England
Status: offline

 
RE: Scrolling Problem - 3/15/2004 8:37:20   
No worries Mom, you have the family to look after, courses to get through, books to read, take your time, it's the best way about it.

Take it easy, take your time, and it'll be finished before you know it

_____________________________




(in reply to c1sissy)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Scrolling Problem
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts