Jump to content


CSS


7 replies to this topic

#1 Cephalic

    Young Padawan

  • Members
  • Pip
  • 31 posts

Posted 18 July 2006 - 08:31 PM

This place seems pretty helpful. My last question was answered very quickly, so I'll ask another. :D

Alright, here's the page: http://ppd.phpnet.us/
The effect I'm trying to get is have the white section extend all the way across the screen. In IE, it worked fine. But for Firefox, it gave me scroll bar on the bottom that scrolled to give enough room for the whole page to be filled with that blank white space.

I got rid of that scroll bar simply by using the overflow function for the whole page, but I don't think that's a good solution.
Is there another way I can do this, or change the coding or whatever?


You can just view the source if you want to look at my code, and the CSS file is here: http://ppd.phpnet.us/style.css

#2 sq3r

    Young Padawan

  • Members
  • Pip
  • 239 posts
  • Location:Oregon City, Oregon
  • Interests:I like stuff.

Posted 20 July 2006 - 01:49 AM

You could try putting one "container" div around all of everything else.

The XHTML would look something like this:


<div id="container">

	  <div id="header">
	  </div>

	  <div id="content">

etc...
And the CSS would be like this:

#container{
	width:100%
	}

You might get what I'm saying, but it's basically just defining the boundary of everything else like the #header and #content instead of relying on the page's boundary.

EDIT: Fixed my horrendous mistake. Thanks coolaid :)

Edited by sq3r, 21 July 2006 - 12:22 AM.


#3 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 20 July 2006 - 11:07 AM

View Postsq3r, on Jul 20 2006, 06:48 AM, said:

And the CSS would be like this:

#container{
width="100%"
}

heh, you dont use css do you?! it would look like this although im sure he woulda figured it out anyway ^_^
#container
{
	width: 100%;
}


#4 Cephalic

    Young Padawan

  • Members
  • Pip
  • 31 posts

Posted 20 July 2006 - 04:29 PM

Thanks guys, I'll try that. :D

#5 sq3r

    Young Padawan

  • Members
  • Pip
  • 239 posts
  • Location:Oregon City, Oregon
  • Interests:I like stuff.

Posted 21 July 2006 - 12:20 AM

OMG I ALWAYS DO THAT >:o And only with the width property. Wtf is wrong with me?

#6 Cephalic

    Young Padawan

  • Members
  • Pip
  • 31 posts

Posted 21 July 2006 - 12:17 PM

Um, that didn't work. The page still stretches out farther in Fireworks.

I'd host it to show you, but for some reason I can't log in my FTP account...

#7 Cephalic

    Young Padawan

  • Members
  • Pip
  • 31 posts

Posted 21 July 2006 - 08:16 PM

View PostCephalic, on Jul 21 2006, 01:17 PM, said:

Um, that didn't work. The page still stretches out farther in Fireworks.

I'd host it to show you, but for some reason I can't log in my FTP account...

It worked now (uploading the files).
http://ppd.phpnet.us/temp/

#8 sq3r

    Young Padawan

  • Members
  • Pip
  • 239 posts
  • Location:Oregon City, Oregon
  • Interests:I like stuff.

Posted 22 July 2006 - 12:50 AM

Okay what about adding a width property to .nav?





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users