boo_lolly

yeah there is. this is partly an html question. <select name="dropdown"> <option id="1">option 1</option> <option id="2">option 2</option> <option id="3" SELECTED>option 3</option> <option id="4">option 4</option> <option id="5">option 5</option> </select> now if you want to dynamically pre-select the dropdown menu, you'll have to use some if/else statements in there. it's really easy, but implementing it will depend on where you're pulling these results from and whatnot.

your welcome, bro.

ccrevcypsys, did you try the code i gave you? all you gotta do is change that one line in the for loop. let me know if that works. paul, i think those are two different queries. it's hard to tell but i don't think they're related. roopurt, you just repeated what i said before.

i took a second look at your code, and it's a little confusing. it looks like you've taken the longer more difficult route for most of it. and it also seems like something's missing. are you using a pagination script to display your queried results? that would be important to know. there are definitey better ways of doing this, but if you want to keep your code and make it work i think this is all you need to do: <?php for ($i = 0; $i < count($mainQuery); $i++) { ?> <tr> <td><?php echo $mainQuery[$i]['EventKey']; ?></td> <td><?php echo $mainQuery[$i]['FirstName']; ?></td> <td><?php echo $mainQuery[$i]['LastName']; ?></td> <td><?php echo $mainQuery[$i]['EventName']; ?></td> <td><?php echo $mainQuery[$i]['EventDescription']; ?></td> <td><?php echo $mainQuery[$i]['EventDate']; ?></td> <td><?php echo $mainQuery[$i]['EventHours']; ?></td> <td><?php echo $mainQuery[$i]['EventKey']; ?></td> <td><?php echo $mainQuery[$i]['RegNo']; ?></td> <td><?php echo $mainQuery[$i]['SubHead']; ?></td> </tr> <?php } ?> notice how i added the count() function to the for loop parameters. $i has to be compared to an integer, since it is an integer itself. but you were trying to compare it to an array. now, with the count function, it will be compared to the number of elements in the array, that should work. as long as i'm understanding what you're trying to do, then it should work.

no it's because it's an array. try this: print_r($mainQuery); and copy it here.

why don't you... print $mainQuery; to see how many times it will loop.

i am writing a form validation script and i need help with a date field. users will enter in a date from a javascript datePicker in the form of MM/DD/YYYY. i already have regex validation to handle this, however, i need another feature to validate this date. the date entered cannot be a day before the current date. i'm not sure if you can do a less than or greater than with two dates, and how you get the date function to interpret a string date. really i have no idea where to go. can someone help me get started?

thanks for the advice scotty. i changed the xhtml a little. at first i separated the site into 3 rows. now, it's in 3 columns. the left, right and middle are positioned correctly, but the corners are not. i'm still not sure what's going on here. i want to avoid making 2 stylesheets for cross-browser compatibility, and as far as i know, IE has issues with float. but anyway. here's the code. stylesheet body, html { margin-top: 0px; margin-bottom: 0px; margin-left: 5%; margin-right: 5%; padding: 0px; background: #decbbc; color: #000; } #container { width: 100%; border: 1px solid blue; } #top { width: 100%; height: 71px; background-image: url('top.jpg'); background-repeat: repeat-x; border: 1px solid green; } #topright { float: right; width: 54px; height: 71px; background-image: url('topright.jpg'); background-position: top; background-repeat: no-repeat; border: 1px solid green; } #topleft { float: left; width: 54px; height: 71px; background-image: url('topleft.jpg'); background-position: top; background-repeat: no-repeat; border: 1px solid green; } #middle { display: inline; float: left; background-image: url('bgbgbg.jpg'); background-repeat: repeat; border: 1px solid green } #left { display: inline; float: left; width: 51px; height: 100%; background-image: url('left.jpg'); background-repeat: repeat-y; border: 1px solid red; } #right { display: inline; float: left; width: 51px; height: 100%; background-image: url('right.jpg'); background-repeat: repeat-y; border: 1px solid red; } #content { margin-left: 51px; margin-right: 51px; width: 90%; color: #000; font-family: arial; font-size: 13px; background-image: url'bgbgbg.jpg'); border: 2px dotted black; } #bottom { clear: both; width: 100%; height: 71px; background-image: url('bottom.jpg'); background-repeat: repeat-x; border: 1px solid green; } #bottomright { float: right; width: 54px; height: 71px; background-image: url('bottomright.jpg'); background-position: bottom; background-repeat: no-repeat; border: 1px solid green; } #bottomleft { float: left; width: 54px; height: 71px; background-image: url('bottomleft.jpg'); background-position: bottom; background-repeat: no-repeat; border: 1px solid green; } index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>test</title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <body> <div id="container"> <div id="left"> <div id="topleft"></div> dirka dirka <div id="bottomleft"></div> </div> <!-- left --> <div id="middle"> <div id="top"></div> <div id="content"> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> </div> <!-- content --> <div id="bottom"></div> </div> <!-- middle --> <div id="right"> <div id="topright"></div> <div id="bottomright"></div> </div> <!-- right --> </div> <!-- container --> </body> </html> and as always. the address is http://98.199.114.128/test help me figure this thing out

thorpe, thanks for the advice. it's been a while since i've programmed in php and i find myself doing things the hard way. you da man. as usual.

so, i need to remove all data from my sessions but for some reason it's not working out. i've tried session_destroy() but for some reason that didn't work so i wrote a script. but the script doesn't work. error Fatal error: Cannot redeclare flush() in /var/www/piratebeachhouse/index.php on line 294 script <?php function flush($array) { foreach ($array as $key => $val) { if (is_array($val)) { flush($val); } else { $val = null; } } } //<-- line 294 ?> so what's the deal? i've written plenty of functions before that were repetitive. (i forgot the worf used when you call upon a function within the same function) what's wrong with my script? and what alternatives should i try?

i've made some adjustments and i'm still having problems. here's what i've got now: stylesheet.css body, html { margin-top: 0px; margin-bottom: 0px; margin-left: 5%; margin-right: 5%; padding: 0px; background: #decbbc; color: #000; } #container { width: 100%; border: 1px solid blue; } #top { width: 100%; height: 71px; background-image: url('top.jpg'); background-repeat: repeat-x; border: 1px solid green; } #topright { float: right; width: 54px; height: 71px; background-image: url('topright.jpg'); background-repeat: no-repeat; border: 1px solid green; } #topleft { float: left; width: 54px; height: 71px; background-image: url('topleft.jpg'); background-repeat: no-repeat; border: 1px solid green; } #middle { background-image: url('bgbgbg.jpg'); background-repeat: repeat; border: 1px solid green } #left { width: 51px; height: 100%; background-image: url('left.jpg'); background-repeat: repeat-y; border: 1px solid red; } #right { width: 51px; height: 100%; background-image: url('right.jpg'); background-repeat: repeat-y; border: 1px solid red; } #content { margin-left: 51px; margin-right: 51px; width: 90%; color: #000; font-family: arial; font-size: 13px; background-image: url'bgbgbg.jpg'); border: 2px dotted black; } #bottom { clear: both; width: 100%; height: 71px; background-image: url('bottom.jpg'); background-repeat: repeat-x; border: 1px solid green; } #bottomright { float: right; width: 54px; height: 71px; background-image: url('bottomright.jpg'); background-repeat: no-repeat; border: 1px solid green; } #bottomleft { float: left; width: 54px; height: 71px; background-image: url('bottomleft.jpg'); background-repeat: no-repeat; border: 1px solid green; } index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>test</title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <body> <div id="container"> <div id="top"> <div id="topleft"> </div> <!-- topleft --> <div id="topright"> </div> <!-- topright --> </div> <!-- top --> <div id="middle"> <div id="left"> something in the left </div> <!-- left --> <div id="content"> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> </div> <!-- content --> <div id="right"> something in the right </div> <!-- right --> </div> <!-- middle --> <div id="bottom"> <div id="bottomleft"> </div> <!-- bottomleft --> <div id="bottomright"> </div> <!-- bottomright --> </div> <!-- bottom --> </div> <!-- container --> </body> </html> what's going on here? why can't i get left, content, and right to display next to eachother? and the link is: [ http://98.199.114.128/test ]

i am new to css and am trying to figure out the best way to control templates so they will be as dynamic and configurable with the least amount of work. that is, i want to do the work once, and if i have to, very little after that to change things. mainly i'd like to be able to change nothing but the stylesheet and create several templates without touching the xhtml. anyway, this template i'm working on has 4 corners that don't repeat. all sides do repeat. and a middle (content) that repeats. i've got an image for each corner, and an image for each side, and an image for the content. how would i do this? here's what i've got so far and it doesn't seem to be working out so great. stylesheet.css body, html { margin-top: 0px; margin-bottom: 0px; margin-left: 125px; padding: 0px; background: #decbbc; color: #000; } #container { width: 754px; background-image: url('bgbgbg.jpg'); border: 1px solid blue; } #top { width: 100%; height: 71px; background-image: url('top.jpg'); background-repeat: repeat-x; border: 1px solid green; } #topright { float: right; width: 54px; height: 71px; background-image: url('topright.jpg'); background-repeat: no-repeat; border: 1px solid green; } #topleft { float: left; width: 54px; height: 71px; background-image: url('topleft.jpg'); background-repeat: no-repeat; border: 1px solid green; } #left { float: left; width: 100%; height: 100%; background-image: url('left.jpg'); background-repeat: repeat-y; border: 1px solid red; } #right { float: right; width: 100%; height: 100%; background-image: url('right.jpg'); background-repeat: repeat-y; border: 1px solid red; } #content { color: #000; font-family: arial; font-size: 13px; } #bottom { clear: both; width: 100%; height: 71px; background-image: url('bottom.jpg'); background-repeat: repeat-x; border: 1px solid green; } #bottomright { float: right; width: 54px; height: 71px; background-image: url('bottomright.jpg'); background-repeat: no-repeat; border: 1px solid green; } #bottomleft { float: left; width: 54px; height: 71px; background-image: url('bottomleft.jpg'); background-repeat: no-repeat; border: 1px solid green; } index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>www.witnessingheadlines.com</title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <body> <div id="container"> <div id="left"> <div id="right"> <div id="top"> <div id="topleft"> </div> <!-- topleft --> <div id="topright"> </div> <!-- topright --> </div> <!-- top --> <div id="content"> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> content<br /><br /> </div> <!-- content --> <div id="bottom"> <div id="bottomleft"> </div> <!-- topleft --> <div id="bottomright"> </div> <!-- topright --> </div> <!-- bottom --> </div> <!-- right --> </div> <!-- left --> </div> <!-- container --> the borders are just there to help me see what's going on. the address is http://98.199.114.128/test what's going on here? (i know the images are not flush and seamless, but it's the structure of the layout i'm worried about now.)

thank you btherl. so how would i go about retrieving the html output that goes to the browser using cURL? any suggestions or snippets?

you've got somewhat of the right idea. in my opinion, you should use $_SESSIONs to determine if a user has submitted a form instead of relying on $_POST. since $_POST is handled on the browser-side, there's no real way to tell if a user has submitted a form once, or more than once, for instance: if (isset($_POST)) { so you should use sessions since your data is being transferred to another page (data_setup.php). this way you can save information and use it from page to page. at least, that's what i do with form validation/handling.

cooldude, yeah sorry it's been a while since i've messed with textarea html. same principle, different syntax. thanks for clearing that up.

what does your URL look like when you try processing this switch function? have you tried entering in your own values to test it? such as www.somesite.com/?page=someval

it's usually done like this: <text area name="somename" value="<?php print $userinput; ?>"> does that answer your question?

i was wondering if curl can be used to fetch the source code in the form of a string from a remote page. and if so, how do i use it? the reason why i'm asking is because i'm working on a site for a client that rents out a beachhouse. they are using a web application called jac built with cakephp to manage their booked dates and whatnot. i want to put a teaser calendar on their website that shows the current month calendar, with the available and unavailable dates. it doesn't look like i can do this without inserting an iframe, and then i run into the never-ending browser support issue, which is what i'm trying to avoid. so i figured to fetch the html and modify it just a little and print the html into the site. communicating with the API i think is far too much work, unless you guys have found an easier way. so I'm just looking for alternatives, not just cURL info. any help?

i'm having trouble figuring out the best way to design a stylesheet file and an html file for the following desired layout. can anyone help me? the header would have a background image. the page would be 100% from top to bottom, about 530 pixels from left to right. background image for the left and right gradients obviously. i'm just not sure what to do. here's what i've got so far and it's not working out at all: stylesheet #container { width: 560px; background: #fff; } body, html { margin-top: 0px; margin-bottom: 0px; margin-left: 125px; padding: 0px; background: #cbcaca; color: #000; } #header { width: 515px; height: 60px; background-image: url('images/popupheader.gif'); background-repeat: no-repeat; background-position: top; padding: 0px; margin: 0px; border: 1px solid black; } #leftborder { background-image: url('images/beachhouse_gradientleft.gif'); background-repeat: repeat-y; background-position: left; width: 560px; border: 1px solid red; } #rightborder { background-image: url('images/beachhouse_gradientright.gif'); background-repeat: repeat-y; background-position: right; width: 560px; border: 1px solid blue; } #photo { padding: 10px: border: 1px solid green; } #footer { padding: 10px; border: 1px solid black; } html <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Photo Gallery</title> <link rel="stylesheet" type="text/css" href="gallerystyle.css" /> </head> <body> <div id="container"> <div id="leftborder"> <div id="rightborder"> <div id="header"> dirka </div> <!-- header --> <div id="photo"> <p>image</p> </div> <!-- photo --> <div id="footer"> previous / next </div> <!-- footer --> </div> <!-- rightborder --> </div> <!-- leftborder --> </div> <!-- container --> </body> </html> what's going on here? by the way i'm only using borders to help me debug this thing. i'm not good at stylesheeting so i need help like a noob. thanks. [attachment deleted by admin]

thanks MadTechie! it's been a while since i've coded in php. i appreciate it!

i have no clue why this is happening. all the research i've done shows that this error occurs when coding in an OOP fashion. here's my error: Fatal error: Cannot access empty property in /var/www/piratebeachhouse/validate.php on line 51 and here's my code validate.php <?php function valName($string) { $string = trim($string); if (!preg_match('/^[a-zA-Z ]+$/', $string)) { $_SESSION['error']['fullname'] = 1; } } function valParty($string) { $string = trim($string); if (!preg_match('/^[0-9]+$/', $string)) { $_SESSION['error']['numparty'] = 1; } } function valNights($string) { $string = trim($string); if (!preg_match('/^[0-9]+$/', $string)) { $_SESSION['error']['numnights'] = 1; } } function valDate($string) { $string = trim($string); if (!preg_match('/0?([1-9]?|1[0-2]?)[-\/.](0?[1-9]|[12][0-9]|3[01])[-\/.]20\d\d/', $string)) { $_SESSION['error']['date'] = 1; } } function valPhone($string) { $string = trim($string); if (!preg_match('/^1?[-.(]?(\d{3})[-.)]?(\d{3})[-.]?(\d{4})/', $string)) { $_SESSION['error']['phone'] = 1; } } function valEmail($string) { if (!preg_match('/^[A-Za-z0-9._-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}/', $string)) { $_SESSION['error']['email'] = 1; } } /* set session variable to show form has been submitted */ if (isset($_POST)) { foreach ($_POST as $k -> $v) { //<---- LINE 51 $_SESSION['submitted'][$k] = $v; } } /* run validation functions */ valName($_POST['fullname']); valPhone($_POST['phone']); valEmail($_POST['email']); valDate($_POST['arrivaldate']); valNights($_POST['numnights']); valParty($_POST['numparty']); /* redirect to index.php if erroneous input */ if (count($_SESSION['error'] < 0)) { header('Location: index.php'); exit; } $body .= 'Full Name: '. $fullname ."\n"; $body .= 'Phone: '. $phone ."\n"; $body .= 'Email: '. $email ."\n"; $body .= 'Date: '. $date ."\n"; $body .= 'Number of Nights: '. $numnights ."\n"; $body .= 'Number in Party: '. $numparty ."\n"; mail('test@mail.com', 'website form bookdate', $body); header('Location: index.php'); ?> as you may have noticed, this is a validation script that is called upon whenever someone submits a form from index.php. can anybody help?

thank you c4onastick for clearing that up. yeah, i know people enter in their phone number tons of ways but i kinda wanted to write a regex pattern that will clear this up once and for all. regex is dynamic enough to have a pattern that can match any phone number string written any way, and i want to find it. an all encompassing phone number validation regex pattern if you will. one that will take into account some people put a '1' in front of their area code, some do not, some put their area code inside parenthesis, and others don't use dashes or slashes at all. i'm sure there's a way to do it. i have considered using preg_replace to make things easier, but if this phone number validation function i'm writing throws an error, i want to put the exact string the user inputted in the form field back in its place, with nothing done to it. of course, i could store it in the session and then manipulate the string with my function, keeping the original copy safe in the session, and use it later if it throws an error. but that's just too easy =) i'm still looking for some advice. also, i'm having trouble wrapping my head around the preg_match() function with the pattern using a '^' in the beginning. like, the '^' says anything that doesn't match this, return false? or what? if it doesn't not match this, return true? i'm not sure when it's necessary to use it. can anyone explain?

thanks for the help BenInBlack. i'm still a little confused tho. i'm not sure what all the forward slashes before and after a pattern mean. i'm also not really sure what would constitute a parenthesis. for example, i've been working on my own regex pattern for phone number validation. here's the pattern (1)?(\-?)(\d{3})(\-)?(\d{3})(\-)?(\d{4}) it's supposed to return true for the following phone number entries: 1-555-235-2523 1555-123-5235 555-235-2351 5553523125 there doesn't have to be a one in front, and there doesn't have to be hyphens, but there HAS to be an area code, followed by the number. i'm not sure if i've gone parenthesis happy, or if it needs it. also, i'm having trouble figuring out a pattern match. you see, i'd like to have a pattern for the beginning of the phone number, if the user doesn't type in a 1 in the beginning (for the area code), then it cannot start with a hyphen (-). however, area codes may start with a 1, like 123-444-5555, and that would be fine, but this: '-123-444-555' would not be ok. does that make sense? anyway, i'm looking for some constructive criticism, i'm really new to regex. any pointers for this particular pattern?

i'm having a hard time finding what i'm looking for online. i figured the forums would be a good place. i have a standard contact form that is supposed to validate the following inputs: full name (only alpha and spaces, nothing else) phone number (only ints and dashes (-), nothing else) email (i have a validation function for this) arrival date (only digits, dashes, slashes, in the form of month, day, year) number of nights (only digits, nothing else) number of guests (only digits, nothing else) i'm having trouble with ereg_replace(). i want a pattern that will return false if there is anything outside of the pattern that doesn't match in the string. so if it is false, the user entered something wrong. i need help finding these patterns, not so much implementing them in my functions. can anyone guide me?

I'm having a lot of trouble with this page i'm working on. for some reason i cannot get the background color to show up in Firefox. the background color works in IE, but the text inside it is in the wrong position. it's a simple header, footer, two-column layout and i don't know what the hell is wrong. can somebody please help me? 'content' is where i'm having trouble. you'd probably just say 'why don't you just make the left and right column have a background color?' well, because they have to be transparent since the left and right column will be overlapping the header and footer a little bit. this is my dillema. pleaase help =\. i don't know what to do. html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>piratebeachhouse.com</title> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> </head> <body bgcolor="#CBCACA"> <div id="leftborder"> <div id="rightborder"> <div id="header"> </div> <!-- header --> <div id="content"> <div id="leftbody"> left body left body<br /><br /> left body left body<br /> left body left body<br /> left body left body </div> <!-- leftbody --> <div id="rightbody"> right body<br /> right body right body<br /> right body right body right body right body right body<br /><br /> right body right body right body </div> <!-- rightbody --> </div> <!-- content --> <div id="footer"> footer footer footer footer </div> <!-- footer --> </diV> <!-- rightborder --> </diV> <!-- leftborder --> </body> </html> IE stylesheet /* #container { padding: 10px; color: #000; border: 3px solid black; width: 643px; background: #fff; } */ #leftborder { background-image: url('images/beachhouse_gradientleft.gif'); background-repeat: repeat-y; background-position: left; width: 667px; } #rightborder { background-image: url('images/beachhouse_gradientright.gif'); background-repeat: repeat-y; background-position: right; width: 665px; } #header { margin-left: 11px; margin-right: 9px; width: 643px; height: 400px; color: #000; position: center; background: url('images/beachhouse_header.gif'); background-repeat: no-repeat; background-position: top; } #content { margin-left: 11px; margin-right: 9px; color: #000; width: 643px; background: #fff; border: 1px solid blue; position: relative; } #leftbody { margin-left: 5px; margin-right: 5px; padding-left: 15px; padding-right: 10px; float: left; color: #000; width: 225px; position: relative; top: -200px; } #rightbody { margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; margin-bottom: -300px; color: #000; width: 350px; position: relative; top: -200px; float: right; } #footer { clear: both; margin-left: 11px; margin-right: 9px; padding: 10px; width: 623px; height: 190px; color: #000; background: url('images/beachhouse_footer.gif'); background-repeat: no-repeat; background-position: bottom; } Firefox stylesheet /* #container { padding: 10px; color: #000; border: 3px solid black; width: 643px; background: #fff; } */ #leftborder { background-image: url('images/beachhouse_gradientleft.gif'); background-repeat: repeat-y; background-position: left; width: 667px; } #rightborder { background-image: url('images/beachhouse_gradientright.gif'); background-repeat: repeat-y; background-position: right; width: 665px; } #header { margin-left: 11px; margin-right: 9px; width: 643px; height: 400px; color: #000; position: center; background: url('images/beachhouse_header.gif'); background-repeat: no-repeat; background-position: top; } #content { margin-left: 11px; margin-right: 9px; color: #000; width: 643px; background: #fff; border: 1px solid blue; } #leftbody { margin-left: 5px; margin-right: 5px; padding-left: 15px; padding-right: 10px; float: left; color: #000; width: 225px; position: relative; top: -200px; } #rightbody { margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; margin-bottom: -300px; color: #000; width: 350px; position: relative; top: -200px; bottom: -400px; float: right; } #footer { clear: both; margin-left: 11px; margin-right: 9px; padding: 10px; width: 623px; height: 190px; color: #000; background: url('images/beachhouse_footer.gif'); background-repeat: no-repeat; background-position: bottom; } the problem is in 'content'. it has a white background in IE but no background in Firefox. Is there a better way to do this??? what is wrong here?