YesNoOk
avatar

CSS Problem (Read 741 times)

Started by Just No Point, April 10, 2009, 02:03:35 pm
Email this topic
View printable version
Share this topic:
Page 1 of 11   Go Down

Just No Point

CSS Problem
#1  April 10, 2009, 02:03:35 pm
  • ******
    • www.justnopoint.com/
I am having a major issue trying to force an ad on DrunkDuck.com to the bottom of the web page in IE.

http://www.drunkduck.com/Temp_Test/

If you scroll down under the comic page to the comment area you'll see a floating ad (or if you have an adblock you'll see just a DD black bar)

Anyway. I am trying to get that to stick to either the bottom of the screen or the bottom of the comment box.

Here is the code involving that area.
Code: 
#ddban {
position: absolute;
display: table;
overflow:visible;
left: 25%;
vertical-align: bottom;
}

Code: 
<!--BEGIN NEWS AND COMMENT BOX-->
<div id="newscont">
  <div id="newsrow">
  	<div id="newsleft"><div class="column-in"></div></div>
  		<div id="news" align="left"><div class="column-in">
  		<br>
        <!--BEGIN CONTENT CODES HERE FOR NEWS/COMMENTS-->
                        <!--[COMMENT_FORM=450,150]-->
		<!--[AUTHORS_NOTES=450]--> 
                <!--[COMMENTS=450]--> 
        <!--[COMMENT_FORM=450,250]--> 
        <!--END CONTENT CODES HERE FOR NEWS/COMMENTS-->

  		</div></div>
  	<div id="newsright"><div class="column-in"></div></div>
	</div>
      <div id="ddban" align="center"><img src="http://www.justnopoint.com/site/images/stars.gif"></body></div>
    </div>

<!--END NEWS AND COMMENT BOX-->

Here is ALL the coding if you need to see it.
Spoiler, click to toggle visibilty

That stars.gif img is just there to try and help me move it around.
The only way to get that stupid ad/banner to show up is with a </body> tag. So I have to put a premature </body> tag to initialize it. Otherwise it floats like right underneath the comic page.

Any help is greatly appreciated.

Valodim

Re: CSS Problem
#2  April 10, 2009, 07:50:17 pm
  • ******
    • Germany
    • valodim@gmail.com
still not sure what you are trying to achieve there... bottom of the screen as in it sticks there independently of the scrolling position? or just bottom of the page?

either way... position absolute display table left 25% valign bottom overflow visible? wtf? o_O

right now in opera it shows up at the bottom of the screen but starting at the middle (therefore stretching the page to the right)

Just No Point

Re: CSS Problem
#3  April 10, 2009, 08:10:25 pm
  • ******
    • www.justnopoint.com/
Well, I didn't code this. I never messed with css till just now :P

Anyway, the DD ad needs to be just at the bottom of the page.

Or at least under the comment box all the time. The comment box gets longer as more comments are made obviously.

With my resolution I didn't notice it made the screen stretch to the right.

In IE it is just not usable at all. I can live with it stretching the screen. I would rather it not of course.

Any suggestions?

Briana, the person that coded it is out of ideas as well. And the admins at DD don't have any suggestions.

Messatsu

Re: CSS Problem
#4  April 10, 2009, 08:13:24 pm
  • ******
  • In after lock
    • mugenguild.com/~messatsu/index.html
What version of IE you use?  Each of them have a varying level of support for certain elements and levels of CSS.

I don't know enough about CSS to help you outright, but you don't have access to modify the whole source of the page to just throw that at the bottom?  Like they let you upload via a form rather than upload a *.html?

Bastard Wolf said, May 12, 2008, 05:02:05 pm

Many people risk their lives everyday by having Mugen.

Just No Point

Re: CSS Problem
#5  April 10, 2009, 08:17:42 pm
  • ******
    • www.justnopoint.com/
Even if I did look at Drunk Duck's source code and got the source code for that ad when I ended the code with a </body> tag DD would automatically generate the ad again.

I'm using IE v 6.029 BTW

Does the ad look correct on your IE?

Messatsu

Re: CSS Problem
#6  April 10, 2009, 08:25:13 pm
  • ******
  • In after lock
    • mugenguild.com/~messatsu/index.html

Bastard Wolf said, May 12, 2008, 05:02:05 pm

Many people risk their lives everyday by having Mugen.
Last Edit: April 10, 2009, 08:29:20 pm by Messatsu

Just No Point

Re: CSS Problem
#7  April 10, 2009, 08:40:12 pm
  • ******
    • www.justnopoint.com/
Never had a problem with it till now.

I guess they just assume that </body> will place the ad at the bottom of the page.

With most html it does. I had always used tables instead of CSS, but was told CSS is faster and better.


To answer your question though...

Nope, they have nothing that gives you alternatives for that ad.

The DD banner is always on top, they have an ad automatically generate under your comic, and the very bottom ad is always there.

On my current web design it looks fine
http://www.drunkduck.com/The_Devon_Legacy_Prologue/

But I coded that one with tables.
Last Edit: April 10, 2009, 09:19:40 pm by Just No Point

MirageAtoli

Re: CSS Problem
#8  April 10, 2009, 10:29:22 pm
  • ***
  • +1 to whoever added Godzilla to the main index.
Why are you trying to absolute position the advertisement?
Titiln said, December 31, 2007, 10:46:10 pm
i think we should call it an "engine" so we don't look like total idiots because otherwise we'd be arguing about a "game" and that would be somehow "dumber" than arguing about an "engine" on the "internet" for countless hours

Beatrice said, March 01, 2010, 06:55:03 pm
Iced said:
I for one, do not enjoy round corners!  :bigcry:
But they hurt much less when we accidentally hit them!  :S

Just No Point

Re: CSS Problem
#9  April 10, 2009, 11:20:26 pm
  • ******
    • www.justnopoint.com/
That would be Briana's coding. She's tried a few different ways to bind the ad to the bottom of the screen.

Messatsu

Re: CSS Problem
#10  April 11, 2009, 12:12:10 am
  • ******
  • In after lock
    • mugenguild.com/~messatsu/index.html

Bastard Wolf said, May 12, 2008, 05:02:05 pm

Many people risk their lives everyday by having Mugen.

Just No Point

Re: CSS Problem
#11  April 11, 2009, 01:50:47 am
  • ******
    • www.justnopoint.com/
Well, I fixed it (kinda) by removing the absolute position coding.

I fixed it in IE. Though it made the comment area have 2 bars to the right instead of 1.

But in FireFox it totally killed the comment area x_X

Valodim

Re: CSS Problem
#12  April 11, 2009, 02:52:44 am
  • ******
    • Germany
    • valodim@gmail.com
Code: 
#ddban {
  margin-left: auto;
  magin-right: auto;
}

alternatively
Code: 
#ddban {
  display: table-row;
}
and put the div outside the "newsrow" div (basically one line lower)

the closing body tag to fib the layout is a big no-no.
Page 1 of 11   Go Up